메뉴
Entry point for design tasks. Routes to brand-guidelines (brand identity, voice, assets), design-system (tokens, component specs), or ui-styling (implementation). Use for design decisions, visual consistency, design system creation.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Create or update Claude skills. Use for new skills, skill references, skill scripts, optimizing existing skills, extending Claude's capabilities.
Generate images via Nano Banana with 129 curated prompts. Mandatory validation interview refines style/mood/colors (use --skip to bypass). 3 modes: search, creative, wild. Styles: Ukiyo-e, Bento grid, cyberpunk, cinematic, vintage patent.
Corporate Identity Program design with 50 deliverables, 20 styles, 20 industries. Generate CIP mockups with Gemini Nano Banana (Flash/Pro). Actions: design, create, generate brand identity. Deliverables: business card, letterhead, signage, vehicle, apparel, packaging. Styles: corporate, luxury, minimal, modern.
Create polished frontend interfaces from designs/screenshots/videos. Use for web components, 3D experiences, replicating UI designs, quick prototypes, immersive interfaces, avoiding AI slop.
Logo design intelligence with 55 styles, 30 color palettes, 25 industries. Generate logos with Gemini Nano Banana model, search styles/colors/industries. Actions: design, create, generate logo. Industries: tech, healthcare, finance, food, fashion, fitness. Styles: minimalist, vintage, luxury, geometric, abstract, mascot, emblem. Features: AI prompt generation, design briefs, color psychology.
Create strategic HTML presentations with Chart.js, design tokens, and contextual decision system. Use for investor pitches, sales decks, product demos, QBRs, and conference talks. Features 15 deck strategies, 25 layouts, BM25 search, and Duarte Sparkline emotion arcs.
| name | design |
| description | Entry point for design tasks. Routes to brand-guidelines (brand identity, voice, assets), design-system (tokens, component specs), or ui-styling (implementation). Use for design decisions, visual consistency, design system creation. |
| license | MIT |
Umbrella skill coordinating brand-guidelines, design-system, and ui-styling.
| Task | Skill | Description |
|---|---|---|
| Logo, colors, voice, assets | brand-guidelines | Brand identity system |
| Tokens, specs, CSS vars | design-system | Token architecture |
| shadcn/ui, Tailwind, code | ui-styling | Implementation |
Load: references/design-routing.md
→ brand-guidelines skill
→ design-system skill
→ ui-styling skill
Brand Foundation (brand-guidelines)
Extract Tokens (design-system)
Implement (ui-styling)
Sub-skills: brand-guidelines, design-system, ui-styling
Related Skills: frontend-design, ui-ux-pro-max
Primary Agents: ui-ux-designer, frontend-developer, content-creator
Design task?
├── Brand identity → brand-guidelines
│ ├── Logo usage
│ ├── Colors/fonts
│ ├── Voice/tone
│ └── Asset management
├── Token system → design-system
│ ├── CSS variables
│ ├── Component specs
│ └── Token validation
└── UI code → ui-styling
├── React components
├── Tailwind classes
└── Dark mode