What problem does it solve? UI work often starts without a stable visual and interaction system, leading to inconsistent styling, ad-hoc tokens, and rework. This Skill produces, refines, synthesizes, or audits a root DESIGN.md design-system contract so downstream specification, planning, and implementation workflows consume an approved design baseline. ## Core Features & Use Cases - Design-system synthesis: Create or refine DESIGN.md with spec-kit-design-v1 YAML front matter, token categories for color, spacing, radius, and typography, plus component state rules and accessibility intent. - Four operating modes: create, synthesize, refine, or audit an existing design system, with two or three project-specific design directions and inspectable visual artifacts for user approval. - Workflow governance: Enforces a phase lock with allowed and forbidden writes, a blocked-exit contract, review artifacts under .specify/design/, and a single recommended next command such as /sp.specify or /sp.plan. - Use Case: Before building a new product dashboard, run the design workflow to produce an approved DESIGN.md with tokens, component rules, and a UI QA checklist, then hand off to specification and planning. ## Quick Start Ask the agent to run the sp-design workflow to create a DESIGN.md design system for the current spec-kit project before any UI implementation begins.
