What problem does it solve? Hardcoded hex colours, raw pixel values, and literal transition timings silently drift a codebase away from its design token system, and near-duplicate values that almost match a token hide as typos no build check catches. This Skill audits CSS and component files against the token registry and reports every violation with a recommended replacement. ## Core Features & Use Cases - Violation detection: Flags hardcoded hex colours, raw rgb()/rgba() calls, pixel values for spacing and typography, hardcoded font weights, and literal transition durations or easings that map to existing tokens. - Near-twin hunting: Compares raw values against the token registry and against each other to catch values that are one step off a token, including cross-notation twins like a hex and an hsl() of the same colour. - Scoped audits: Accepts a single component, all-components, the website directory, or a specific file path, and respects ds-allow directives that sanction deliberate off-token values. - Use Case: Ask to audit the Avatar component's CSS, and receive a line-by-line report like Avatar.css:42 — #0E6E8F → var(--color-action-primary-bg) plus a summary count of violations and documented exceptions. ## Quick Start Audit the Button component CSS for hardcoded values and report any token violations with recommended replacements.