メニュー
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