디자인·UI
전체문서·오피스99개발·코딩585디자인·UI91마케팅·SEO159콘텐츠·글쓰기97이미지·영상114데이터·분석229자동화·워크플로231웹·API 연동44보안·리뷰48교육·학습58유틸리티157
2026 디자인 트렌드 디렉터
2026년 그래픽 디자인 트렌드 10가지를 브리프에 맞게 골라주고, 색·타이포·AI 이미지 프롬프트까지 구체적으로 뽑아주는 스킬.
디자인·UI★ 150AI 점수 8/10
ZIP ↓codeck 디자인 (슬라이드 비주얼 생성)
codeck의 deck.md 개요를 읽어 디자인 시스템·레이아웃 규칙을 정하고 단일 HTML 발표자료로 조립해주는 디자이너 역할 스킬입니다.
디자인·UI★ 197AI 점수 9/10
ZIP ↓Claude 디자인 카드 (claude-design-card)
텍스트·URL을 Claude/Anthropic 디자인 언어의 HTML 카드로 만들고 Playwright로 PNG까지 뽑아주는 스킬.
디자인·UI★ 474AI 점수 9/10
ZIP ↓캔버스 디자인 (포스터·아트워크 생성)
디자인 철학 선언문을 먼저 세우고 그 철학을 PDF/PNG 한 장의 예술 작품으로 표현해 주는 스킬.
디자인·UI★ 1,851AI 점수 7/10
ZIP ↓컴포넌트 조립 (Assembling Components)
여러 디자인 스킬이 만들어낸 컴포넌트를 검증·연결해 실제로 동작하는 React/Next.js·Python·Rust 프로젝트로 조립해주는 마무리 스킬.
디자인·UI★ 528AI 점수 9/10
ZIP ↓Anthropic 브랜드 가이드라인 스타일링
Anthropic 공식 브랜드 컬러와 타이포그래피를 문서·슬라이드·웹 산출물에 일관되게 적용해주는 스킬입니다.
디자인·UI★ 330AI 점수 6/10
ZIP ↓AGENCY 커뮤니티 소셜 커버 생성기
고정된 디자인 시스템(다크+오렌지)으로 이벤트 커버·유튜브 썸네일·텔레그램 이미지를 HTML로 만들고 Playwright로 고화질 PNG로 뽑아주는 스킬.
디자인·UI★ 410AI 점수 5/10
ZIP ↓프론트엔드 디자인 (감각적인 UI 생성)
웹 컴포넌트·페이지를 만들 때 '흔한 AI 디자인'을 피하고 확실한 미학적 방향을 가진 프로덕션 코드를 만들게 하는 스킬.
디자인·UI★ 194AI 점수 6/10
ZIP ↓미라 탄 관점 (가상 디자인 크리틱 렌즈)
가상의 프로덕트 디자인 멘토 '미라 탄'이 되어 플로우의 마찰 지점을 진단하고 '빼기 우선' 관점으로 크리틱해 주는 페르소나 스킬.
디자인·UI★ 483AI 점수 8/10
ZIP ↓