Audit Design System
audit_design_systemMeasure UI source consistency across colors, spacing, typography, and tokens. Get a consolidation plan identifying near-duplicates, off-grid spacing, and low token adoption before redesign.
Instructions
Measure how systematic an existing UI really is: paste CSS / SCSS / Tailwind / JSX source and get a consistency score plus the sprawl behind it — how many distinct colors, font sizes, radii, shadows and spacing values it actually uses, which colors are near-duplicates nobody can tell apart, which spacing is off the 4pt grid, token adoption, stray font families, !important and magic z-index. Returns a consolidation plan wired to the generators. Use it before a redesign, on an inherited codebase, or to prove a design system is (or isn't) being followed. Deterministic static analysis; complements design_lint (per-line anti-patterns) with a whole-codebase view.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | The stylesheet / token file / component source to audit. Concatenate several files to audit them together. |