css-token-use-validator
Installation
SKILL.md
CSS Token Use Validator
Validate that CSS custom properties (CSS variables) used in stylesheets are properly defined in token files, and identify unused or potentially misspelled tokens.
When to Use This Skill
Use this skill when the user:
- Wants to validate custom property usage in CSS files
- Needs to find undefined
var()references - Wants to identify unused tokens in their design system
- Suspects typos in custom property names
- Requests a token usage audit or coverage report
- Asks to check if CSS variables are properly defined
- Mentions "tokens", "design tokens", "custom properties", or "CSS variables" in the context of validation
- When working between Figma design files and code
- Runs as a Claude Code PostToolUse hook after CSS file edits