What problem does it solve? Design knowledge in a product is scattered across tokens, stylesheets, and components, leaving coding agents and contributors without a single source of truth for the interface's visual system. This Skill reconstructs that system into a validated DESIGN.md without touching product source code. ## Core Features & Use Cases - Dual evidence modes: Repository mode audits tokens, themes, and shared primitives from source; URL mode reconstructs design systems from rendered pages, computed styles, and loaded stylesheets. - Schema-gated output: Normalizes evidence into a strict frontmatter schema (colors, typography, rounded, spacing, components) with export targets for Tailwind v3/v4 and DTCG. - Validation pipeline: Runs npx @google/design.md lint, export, and diff checks before reporting, rejecting invalid token shapes and unsupported claims. - Use Case: Point it at a React/Tailwind repository to generate a DESIGN.md capturing semantic color tokens, typography scales, and component rules so coding agents produce on-brand UI. ## Quick Start Create a DESIGN.md for this repository that documents its design tokens, typography, and component rules.
