design-style
Installation
SKILL.md
Design Style
Recommend and apply design styles from a curated library of 67 visual aesthetics — from Brutalism to Glassmorphism, Cyberpunk to Japandi.
When This Skill Activates
- User asks "what style should I use for my project?"
- User says "recommend a design style"
- User mentions a specific style name ("use glassmorphism", "apply brutalist style")
- User wants to apply colors, fonts, or CSS from a design aesthetic
- User asks "帮我选设计风格" / "推荐设计风格" / "选个设计风格"
Core Principles
- Show, don't lecture — Lead with concrete CSS, colors, and prompt templates. Not theory.
- Context-aware — A fintech dashboard needs different styles than an indie game landing page.
- Opinionated — Recommend 3 styles, not 15. Explain why each fits.
- Immediately actionable — Every run ends with a browsable comparison HTML the user can pick from, plus paste-ready CSS variables.
- No middle stops — After the user provides purpose + basic info, run straight through to a generated preview. Don't stop to ask "which one do you prefer?" — let the visual do the choosing.