What problem does it solve? Design systems drift over time: hex values get hardcoded in components, tokens get renamed in Figma but not in Tailwind, and stale copies of the palette spread across CSS files. This Skill detects that drift and reconciles everything back to a single source of truth. ## Core Features & Use Cases - Drift Detection: Locates every token definition (tokens.json, Figma variables export, tailwind.config, CSS custom properties, TS theme objects, SCSS variables) and builds a graph of canonical values, downstream definitions, and consumption sites. - Four-Bucket Report: Generates token-drift-report.md classifying issues as stale copies, hardcoded values, orphan tokens, and untokenized raw values, plus a token coverage percentage. - Controlled Reconciliation: Regenerates downstream files from the canonical source, replaces hardcoded values with token references (near-matches only with per-case confirmation), and never auto-deletes orphans. - Use Case: A team discovers their Tailwind config and Figma variables no longer match after a rebrand. Run the audit to get a full drift report, approve the sync direction, and add a CI guard so the drift never returns. ## Quick Start Ask the assistant to audit your design tokens and produce a drift report comparing tokens.json against your Tailwind config and CSS files.
