From design-craft
멀티플랫폼 디자인 생성 — iOS/Web/Android 플랫폼별 최적화된 디자인 스펙과 토큰 매핑 생성. '디자인 만들어', '디자인 스펙', 'UI 설계', '화면 디자인', '디자인 시스템', '디자인 토큰 적용' 요청 시 사용. 특정 플랫폼만 요청해도 사용 (예: 'iOS 디자인', '웹 디자인', '안드로이드 디자인').
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-craft:design-craftopusThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
<example>
references/artists/albers.mdreferences/artists/bridget-riley.mdreferences/artists/james-turrell.mdreferences/artists/kandinsky.mdreferences/artists/lee-ufan.mdreferences/artists/malevich.mdreferences/artists/mondrian.mdreferences/artists/rothko.mdreferences/designers/alan-dye.mdreferences/designers/dieter-rams.mdreferences/designers/don-norman.mdreferences/designers/jan-tschichold.mdreferences/designers/jony-ive.mdreferences/designers/josef-mueller-brockmann.mdreferences/designers/massimo-vignelli.mdreferences/designers/mike-matas.mdreferences/designers/paul-rand.mdreferences/designers/susan-kare.mdreferences/designers/yeonhee-won.mdreferences/platforms/android.md멀티플랫폼 디자인 오케스트레이터 — 리서치 팀이 생성한 정량적 토큰을 기반으로 iOS/Web/Android 플랫폼별 최적화된 디자인 스펙을 생성한다.
design-research 스킬과 공유하는 레퍼런스 경로. 이 경로를 $REF로 축약한다:
$REF = plugins/design-craft/skills/design-craft/references
| 에이전트 | 역할 | 호출 조건 |
|---|---|---|
| ios-designer | Apple HIG + SwiftUI/UIKit 스펙 생성 | --platform ios 또는 all |
| web-designer | WCAG + CSS/HTML 반응형 스펙 생성 | --platform web 또는 all |
| android-designer | M3 + Jetpack Compose 스펙 생성 | --platform android 또는 all |
| design-qa | 교차 플랫폼 정합성 + 토큰 수치 검증 | 항상 포함 |
디자인 생성 전에 반드시 다음을 확인하라:
$REF/ 디렉토리에 토큰 사전이 있는지 확인하라:
$REF/tokens/unified-tokens.md 존재 여부$REF/designers/ 에 1개 이상의 파일 존재 여부토큰 사전이 없으면:
"디자인 토큰 레퍼런스가 없습니다.
design-research 스킬을 먼저 실행하여 디자이너/화가 토큰을 생성하세요.
예: /design-research Dieter Rams, Jony Ive"
사용자에게 안내하고 design-craft를 중단하라. 토큰 없이 디자인을 생성하지 마라.
| 파라미터 | 기본값 | 설명 |
|---|---|---|
| --platform | all | ios, web, android, all 중 선택 |
| --style | (없음) | 특정 디자이너/화가 스타일 우선 적용 |
--platform 파싱 규칙:
--platform ios--platform web--platform android--platform all--style 파싱 규칙:
--style dieter-rams--style mondrian--style이 지정되었으면 해당 디자이너/화가의 토큰 파일이 $REF/designers/ 또는 $REF/artists/에 존재하는지 확인하라. 없으면 사용자에게 design-research 실행을 안내하라.
사용자 입력에서 다음을 파악하라:
명확하지 않은 항목은 사용자에게 질문하라. 단, 질문은 한 번에 모아서 하라. 여러 차례 나누어 묻지 마라.
TeamCreate로 필요한 플랫폼 디자이너 + QA를 구성하라. 모든 에이전트 호출에 model: "opus"를 사용하라.
--platform별 팀 구성:
| --platform | 팀원 |
|---|---|
| ios | ios-designer + design-qa |
| web | web-designer + design-qa |
| android | android-designer + design-qa |
| all | ios-designer + web-designer + android-designer + design-qa |
TeamCreate:
team_name: "design-craft-team"
agents: [필요한 에이전트 목록] (model: opus)
각 플랫폼 디자이너에게 TaskCreate로 작업을 할당하라. 플랫폼 디자이너들은 병렬로 실행하라.
SendMessage로 다음을 전달하라:
$REF/designers/{name}.md, $REF/artists/{name}.md$REF/tokens/unified-tokens.md_workspace/phase3_{agent}_{component}.md — 플랫폼별 디자인 스펙완료 확인: 각 디자이너가 SendMessage로 오케스트레이터에게 완료를 보고하면 다음 Phase로 진행하라.
모든 플랫폼 디자이너의 스펙이 완료되면 design-qa에게 TaskCreate로 검증 작업을 할당하라.
SendMessage로 다음을 전달하라:
PASS: Phase 5로 진행 NEED_REVISION:
QA PASS 후 최종 산출물을 정리하여 사용자에게 출력하라.
중간 산출물 (유지):
_workspace/
├── phase3_ios-designer_{component}.md
├── phase3_web-designer_{component}.md
├── phase3_android-designer_{component}.md
└── phase4_design-qa_report.md
최종 출력 (사용자에게 제시):
각 플랫폼별 디자인 스펙을 마크다운으로 출력하라. 포함 사항:
QA 리포트 요약도 함께 출력하라:
_workspace/{phase}_{agent}_{artifact}.md| 상황 | 대응 |
|---|---|
| references/ 토큰 없음 | design-craft를 중단하고 design-research 스킬 실행을 안내 |
| --style 디자이너 토큰 없음 | 해당 디자이너 토큰이 없다고 안내. design-research 실행을 제안 |
| 플랫폼 디자이너 미응답 | TaskGet으로 상태 확인. 미응답 시 재할당 |
| QA 3회 연속 FAIL | 근본 원인 분석 + 사용자에게 에스컬레이션 |
| 토큰 원본 불일치 발견 | 리서치 팀 원본이 정확하다고 가정하고 플랫폼 스펙을 교정 |
| 교차 플랫폼 공유 토큰 충돌 | design-qa가 양쪽 근거를 제시하고, 오케스트레이터가 사용자에게 결정 위임 |
| --platform 미인식 값 | "지원 플랫폼: ios, web, android, all" 안내 후 재입력 요청 |
$REF/designers/dieter-rams.md 존재 확인 → OK. --platform ios, --style dieter-rams 파싱$REF/tokens/unified-tokens.md 미존재 확인"디자인 토큰 레퍼런스가 없습니다.
design-research 스킬을 먼저 실행하여 디자이너/화가 토큰을 생성하세요.
예: /design-research Dieter Rams, Jony Ive"
npx claudepluginhub oozoofrog/oozoofrog-plugins --plugin design-craftDesigns UI/UX systems with style guides, color palettes, typography, and component specs for new interfaces. Asks about product type, tech stack, and deliverables before producing design tokens, layouts, or style guides.
Design system reasoning that maps product domain to style, palette, typography, and platform patterns. Generates a shared design contract for UI-generating skills.
Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate comprehensive design systems (tokens, palettes, typography) 3. Audit existing UI for quality, accessibility, and "craft" 4. Search for proven real-world design patterns and implementation details Trigger: "design a...", "audit this...", "create a design system", "find icons", "fintech dashboard", "landing page"