design-token-audit
CommunityAudit CSS tokens for design-system drift.
Authorkrzemienski
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Audit CSS/Tailwind/inline styles against the project's design system specification to detect hardcoded values, off-palette colors, spacing drift, and typography deviations.
Core Features & Use Cases
- Extract tokens from DESIGN.md, tailwind.config, and CSS variables to build a canonical token map.
- Scan implementation for hardcoded values and non-standard typography/spacing, then flag deviations.
- Compare implementation tokens against design-spec tokens, generate a compliance score, and provide concrete recommendations.
- Use Case: During design-system migrations or pre-release checks, surface drift before it impacts users.
Quick Start
Run the design token audit on your CSS/Tailwind project to surface token drift and inconsistencies.
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: design-token-audit Download link: https://github.com/krzemienski/validationforge/archive/main.zip#design-token-audit 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 471,000+ vetted skills library on demand.