269 스킬들
🎨

canva-automation

안전 71

Canva 디자인 작업 자동화

작성자 sickn33

사용자들은 반복적인 Canva 작업을 수동으로 자동화하는 데 어려움을 겪습니다. 이 스킬은 AI 에이전트가 Composio의 Rube MCP 통합을 통해 Canva 디자인을 생성, 내보내고 관리할 수 있게 합니다.

Claude Codex Code(CC)
설치
🎨

brand-guidelines-community

안전 71

Anthropic 브랜드 가이드라인을 아티팩트에 적용하기

작성자 sickn33

Anthropic의 공식 브랜드 정체성을 통해 문서와 프레젠테이션의 시각적 일관성을 보장합니다. 이 스킬은 전문적인 외관을 위한 정확한 색상 값, 타이포그래피 사양 및 디자인 지침을 제공합니다.

Claude Codex Code(CC)
설치
📦

brand-guidelines-anthropic

안전 71

아티팩트에 Anthropic 브랜드 스타일 적용

작성자 sickn33

모든 문서와 프레젠테이션에서 일관된 브랜드 정체성을 유지합니다. 이 스킬은 Anthropic의 공식 색상 및 타이포그래피를 자동으로 적용합니다.

Claude Codex Code(CC)
설치
🎨

brand-guidelines

안전 71

문서에 Anthropic 브랜드 가이드라인 적용하기

작성자 sickn33

모든 문서와 프레젠테이션에서 일관된 브랜드 아이덴티티를 유지하세요. 이 스킬은 Anthropic의 공식 색상과 타이포그래피를 자동으로 적용합니다.

Claude Codex Code(CC)
설치
📦

avalonia-layout-zafiro

안전 71

Zafiro로 깔끔한 Avalonia UI 레이아웃 구축

작성자 sickn33

시맨틱 컨테이너와 공유 스타일을 사용하여 유지보수 가능한 Avalonia 애플리케이션을 만드세요. Zafiro.Avalonia 컴포넌트와 모범 사례를 통해 XAML 중복을 줄이세요.

Claude Codex Code(CC)
설치
🎨

algorithmic-art

안전 72

p5.js 로 알고리듬 아트 만들기

작성자 sickn33

이 스킬은 Claude 와 Claude Code 가 재현 가능한 결과를 위한 시드 랜덤성과 인터랙티브한 파라미터 탐색을 통해 갤러리 퀄리티의 알고리듬 아트를 p5.js 로 생성할 수 있도록 합니다.

Claude Codex Code(CC)
설치
📝

typeset

안전 70

타이포그래피를 의도적인 디자인으로 전환

작성자 pbakaus

일반적인 폰트와 일관되지 않은 사이즈는 인터페이스의 신뢰성을 떨어뜨립니다. Typeset 은 전문 타이포그래피 원리를 적용하여 명확한 계층 구조, 읽기 쉬운 텍스트, 브랜드 개성을 반영하는 세련된 비주얼을 만듭니다.

Claude Codex Code(CC)
설치
🎨

teach-impeccable

안전 71

일관된 AI 협업을 위한 디자인 컨텍스트 캡처

작성자 pbakaus

AI 어시스턴트는 브랜드와 사용자를 이해할 때 더 나은 디자인 결정을 내립니다. 이 스킬은 프로젝트별 디자인 컨텍스트를 한 번 수집하여 모든 향후 세션에서 사용할 수 있도록 저장합니다.

Claude Codex Code(CC)
설치
📦

shape

안전 75

코딩 전 UX/UI 디자인 계획

작성자 pbakaus

대부분의 AI 생성 UI는 디자인 사고를 건너뛰기 때문에 실패합니다. 이 스킬은 포괄적인 디자인 브리프를 생성하기 전에 사용자 요구사항, 제약조건, 목표를 이해하기 위해 구조화된 디스커버리 인터뷰를 실행합니다.

Claude Codex Code(CC)
설치

polish

안전 70

UI를 완벽하게 다듬기

작성자 pbakaus

정렬, 간격, 일관성 및 UI 코드 세부 문제를 잡아내는 철저한 품질 검사 기술입니다. 좋은 작업을 세련되고 전문적인 인터페이스로 변환합니다.

Claude Codex Code(CC)
설치
📦

quieter

안전 70

대담한 디자인 정제하기

작성자 pbakaus

Claude 는 너무 공격적이거나 시각적으로 압도적인 디자인을 자동으로 완화하여, 임팩트와 기능성을 유지하면서 더욱 정제되고 세련된 미학을 만들어낼 수 있습니다.

Claude Codex Code(CC)
설치
🎨

overdrive

안전 71

최첨단 효과로 특별한 웹 인터페이스 만들기

작성자 pbakaus

일반적인 웹 인터페이스는 정적이고 예측 가능합니다. Overdrive 는 영화 같은 전환, GPU 가속 시각 효과, 사용자를 놀라게 하고 즐겁게 하는 물리 기반 애니메이션으로 이를 변화시킵니다.

Claude Codex Code(CC)
설치
🚀

onboard

안전 71

채택을 유도하는 사용자 온보딩 플로우 설계

작성자 pbakaus

사용자는 가치를 빠르게 이해하지 못하면 제품을 이탈합니다. 이 스킬은 사용자를 압도하지 않으면서 첫 번째 성공으로 안내하는 온보딩 경험을 설계할 수 있도록 도와줍니다.

Claude Codex Code(CC)
설치
📦

normalize

안전 71

디자인 시스템에 UI 컴포넌트 표준화

작성자 pbakaus

디자인 시스템의 벗어나는 요소를 자동으로 감지하고 수정하여 디자인 불일치를 제거합니다. 모든 컴포넌트가 올바른 토큰, 패턴, 그리고 확립된 규칙을 사용하도록 보장합니다.

Claude Codex Code(CC)
설치
📦

layout

안전 75

체계적인 간격으로 세련된 레이아웃 만들기

작성자 pbakaus

단조로운 그리드와 일관성 없는 간격으로 인해 비전문적으로 보이는 인터페이스를 수정합니다. 이 스킬은 체계적인 간격 스케일, 시각적 리듬, 명확한 계층 구조를establish하여 일반적인 레이아웃을 의도적인 구성으로 변환합니다.

Claude Codex Code(CC)
설치
📦

impeccable

낮은 위험 75

AI로 세련된 프론트엔드 인터페이스 구축하기

작성자 pbakaus

AI가 생성한 인터페이스는 흔히 진부하고 템플릿처럼 보이기 쉽습니다. Impeccable은 전문가 수준의 디자인 결정을 통해 AI를 안내하여 독창적이고 프로덕션 등급의 프론트엔드 코드를 만들어냅니다.

Claude Codex Code(CC)
설치
📦

frontend-design

안전 73

눈에 띄는 독특한 프론트엔드 인터페이스 구축

작성자 pbakaus

일반적인 AI 생성 코드는 잊을 만하고 템플릿화된 디자인을 생산합니다. 이 스킬은 기억에 남는 사용자 경험을 만들어내는 대담한 미학적 방향성과 프로덕션 수준의 구현을 가르칩니다.

Claude Codex Code(CC)
설치
📦

delight

안전 72

기대를 초월하는 미세 상호작용으로 인터페이스를 탈바꿈시키기

작성자 pbakaus

기능적인 인터페이스는 종종 차갑고 기계적으로 느껴집니다. 이 스킬은 사용성을 유지하면서 사용자가 미소 짓게 되는 전략적인 기쁨과 개성을 순간적으로 추가합니다.

Claude Codex Code(CC)
설치
🎨

critique

안전 67

디자인 비판하기

작성자 pbakaus

AI 생성 패턴, 시각적 계층 구조 문제 및 실행 가능한 개선 사항을 파악하여 인터페이스를 높이는 전문 UX 디자인 피드백을 받으세요.

Claude Codex Code(CC)
설치
🎨

colorize

안전 71

디자인에 전략적인 컬러 적용하기

작성자 pbakaus

회색빛이고 생명력 없는 인터페이스를 따뜻하고 매력적인 경험으로 변화시킵니다. 이 스킬은 시각적 계층 구조를 개선하고 사용자의 즐거움을 높이기 위해 의도적인 컬러 이론을 적용합니다.

Claude Codex Code(CC)
설치