디자인 분야 AI 스킬 14개를 엄선했습니다. 기능, 설치 방법, 공식 링크 제공. Claude / Cursor / ChatGPT 지원.
Cursor와 Figma의 깊은 연동. 디자인 시안을 코드로 자동 변환, 컴포넌트 인식과 생성, 픽셀 퍼펙트 구현.
ChatGPT 대화에서 바로 Canva 디자인 제작. 원하는 디자인을 설명하면 전문가급 포스터, PPT, SNS 이미지를 자동 생성.
Anthropic 공식 프런트엔드 디자인 스킬. 'AI 느낌'을 벗어난, 디자인 감각이 살아있는 바로 배포 가능한 모던 UI 생성.
Anthropic 공식 비주얼 디자인 스킬. 디자인 철학에 따라 포스터, 커버, 카드 등 정적 작품을 제작해 PNG / PDF로 바로 출력.
모든 산출물에 원스텝 스킨 적용: 10종 프리셋 테마(배색+폰트), 브랜드에 맞춘 새 테마 즉석 생성. 슬라이드·문서·웹 스타일 통일.
회사 브랜드 규범(컬러, 폰트, 톤)을 스킬로 고정. 이후 모든 문서·슬라이드·웹페이지가 자동으로 브랜드에 부합, 팀 협업 필수템.
Hallmark 는 Together AI 가 만든 디자인 skill 로, LLM 이 만들어내는 'AI 티 나는' 웹을 거부합니다. 브리프마다 매크로 구조를 고르고 20 개 테마 중 하나를 입힌 뒤 57 개의 슬롭 검사 게이트와 출력 전 자기 비평을 거칩니다. 그래서 서로 다른 두 브리프는 같은 템플릿의 색만 바꾼 게 아니라 완전히 다른 사이트처럼 보입니다.
Huashu Design 은 HTML 네이티브 디자인 skill 입니다. agent 에게 한 문장만 말하면 3~30분 안에 납품 가능한 제품 런칭 애니메이션, 클릭 가능한 App 프로토타입, 편집 가능한 PPT, 인쇄용 인포그래픽을 돌려줍니다. 브랜드 자산을 주면 결을 읽어내고, 아무것도 주지 않아도 40종의 HTML 네이티브 스타일(웹20+PPT20)과 3중 로직 어드바이저가 'AI 티'를 막아줍니다. Claude Code, Cursor, Codex 등 agent 를 가리지 않습니다.
AI가 만든 밋밋한 UI를 개선하는 이식 가능한 Agent Skills(클로드 스킬 마켓처럼 설치). Claude Code·Codex·Cursor 같은 에이전트에 레이아웃·타이포그래피·모션·여백 감각을 더하고, 디자인 참고 이미지와 브랜드킷을 만드는 이미지 생성 스킬도 포함한다.
claude.ai/design 뒤에 있는 Claude Design 디자인 엔진을 이식 가능한 Agent Skill로 패키징했습니다. Claude Code·Cursor·Codex에 넣으면 웹사이트 업로드나 구독 없이 에디터 안에서 세련된 UI 목업, 인터랙티브 프로토타입, 와이어프레임, 랜딩페이지, 대시보드, 슬라이드를 만들 수 있고, 결과물은 모두 자기완결형 HTML로 저장소에 남습니다.
오픈소스 디자인 방법 엔진으로, Claude Code·Codex·Cursor에 고정된 "디자인 판단력"을 부여합니다(하나의 고정 미감이 아닙니다). 참조에서 알맞은 디자인 문법을 고르거나 도출하고, 프로젝트 결정을 STYLESEED.md에 잠근 뒤, 0–100 점수 게이트(80 미만은 출시 불가)와 렌더 → 채점 → 수정 루프로 "AI가 만든 티"를 없앱니다.
Google Labs 공식 Agent Skills 팩으로, Stitch MCP 서버와 연동해 UI 디자인과 컴포넌트 구축 워크플로를 AI에게 맡깁니다. 개방형 Agent Skills 표준을 따르므로 Claude Code, Cursor, Codex 등 다양한 코딩 에이전트에 설치할 수 있습니다.
자연어, 코드베이스, Terraform/Kubernetes 설정, SQL DDL을 편집 가능한 .drawio 다이어그램으로 만들고 PNG, SVG, PDF, JPG로 내보냅니다. Claude Code, Cursor, Copilot, Codex 등을 지원합니다.
Claude Code와 Codex용 단일 HTML 프레젠테이션 워크플로입니다. 에디토리얼 매거진과 스위스 스타일을 제공하며 가로 전환, 이미지·커버, 발표자 노트, 리허설, 듀얼 윈도 발표자 모드를 지원합니다.