design-style

Generate or update a visual style guide (docs/style-guide/) — colors, typography, spacing, components, iconography, accessibility, and voice/tone. Reverse-engineers visual DNA from code (CSS custom properties, Tailwind @theme, design token files, component variant patterns). Asks for screenshots when code can't reveal color schemes, component states, or brand identity. Produces: - docs/style-guide/00-index.md — router and visual summary - docs/style-guide/01-08-*.md — numbered spec docs (brand, color, type, spacing, components, icons, a11y, voice) - docs/style-guide/tokens.json — DTCG 2025.10 machine-readable token export Also audits existing style guides — detects drift, adds missing components, retires obsolete patterns. Never edits application code.