CSS Audit
Scans a live site's computed CSS against your design tokens to flag off-system colours, type sizes and spacing — across whole-site crawls and multiple viewport widths.
Who it is for
Designers and front-end developers maintaining a design system who want to know where a live site has drifted.
How to use it
In Claude Code, ask it to "audit the CSS of" a URL, optionally with your design-tokens.json.
Requirements
Node.js and Google Chrome installed. After unzipping, run npm install once inside the skill folder.
What you get
Issues ranked by severity, with suggested fixes.
Unzip, then upload it in Claude.ai under Settings → Capabilities → Skills, or drop the folder into ~/.claude/skills/ for Claude Code.