菜单
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 页面并帮你完成安装。
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.
基于 SOC 职业分类
| 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