What problem does it solve? Retrofitting a design system onto a mature codebase requires knowing exactly how every new design token relates to the old Figma variables and legacy code identifiers it replaces. Doing this mapping by hand is error-prone and leaves no verifiable record, so drift between Figma and code goes undetected. ## Core Features & Use Cases - Crosswalk generation: Writes crosswalk.json, a persistent three-way map of new token, old Figma variable, and old code identifiers, with per-row status classification (aligned, renamed, drift-fix, added, mapped-nearest). - CI validation gate: Installs zero-dependency validation scripts and wires a tokens:validate npm script that must pass N/N before proceeding. - Reverse index: Generates crosswalk.reverse.json (codeToken to newToken) to semi-automate SCSS and Tailwind swaps during the code retrofit. - Use Case: A team migrating a legacy product to a new token system uses this Skill to map $primary-red and Colors.primaryRed to the new color.text.primary token, then gates every pull request on the validator so the mapping never drifts. ## Quick Start Ask the agent to build the token crosswalk for the brownfield retrofit and wire the tokens:validate CI gate.
