validating-design-tokens
CommunityEnforce design tokens across CSS and components.
AuthorWesleySmits
Version1.0.0
Installs0
System Documentation
## What problem does it solve? Enforces approved design tokens to prevent drift in CSS and components, reducing design debt and ensuring consistency.
## Core Features & Use Cases
- Token discovery from CSS variables (e.g., --color-*), TS/JS token objects, and Style Dictionary outputs.
- Hard-coded value detection, violation reporting, and remediation suggestions.
- Use cases include verifying color, spacing, and typography tokens across large frontend codebases.
Quick Start
Run a scan across your project to identify token violations and generate fix suggestions.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: validating-design-tokens Download link: https://github.com/WesleySmits/agent-skills/archive/main.zip#validating-design-tokens Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.