Setup & Installation
What This Skill Does
Runs a design consultation session to build a complete design system from scratch. Researches your product's competitive landscape, proposes typography, color, layout, spacing, and motion choices as a coherent package, then writes DESIGN.md as the authoritative reference for all future UI decisions.
Instead of piecing together fonts, colors, and spacing from separate decisions, this skill produces a single coherent DESIGN.md that codifies every visual choice with rationale, so future AI and human contributors work from the same source of truth.
When to use it
- Starting a new web app with no visual identity yet
- Getting specific font and color recommendations backed by competitive research
- Generating an HTML preview page showing proposed fonts and palettes applied to real product layouts
- Writing DESIGN.md so AI tools stop making inconsistent UI choices across sessions
- Exploring design risks that differentiate a product from others in its category