DESIGN.md Lifecycle

Create, extract, apply, and review DESIGN.md: an agent-readable design contract with YAML tokens and markdown usage rules. This skill is a multi-mode Generator + Tool Wrapper + Reviewer with a gated mode-selection pipeline.

Use When

Use when the user asks to:

• create or update a DESIGN.md
• turn product constraints, screenshots, notes, or brand rules into design tokens
• extract current UI tokens from an existing app or component library
• map DESIGN.md tokens into CSS variables, Tailwind theme values, or framework theme resources
• build or restyle UI from DESIGN.md
• validate, lint, review, compare, or diff DESIGN.md

Do not use for: