sf-audit-design-tokens
OfficialDeep analysis to ensure design token integrity.
Design & Creative#design tokens#dependency graph#UI consistency#standards compliance#theme analysis#style system#scale coherence
Authordiane-defores
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Handling inconsistencies and gaps in design tokens can lead to visual and functional discrepancies across a product, reducing brand coherence and developer efficiency.
Core Features & Use Cases
- Comprehensive Inventory Assessment: Catalogs all tokens across theme, typography, spacing, and motion systems.
- Coverage & Gap Detection: Checks if tokens are defined for all supported theme modes.
- Ratio & Structure Analysis: Evaluates scale coherence and dependency chains within tokens.
- Historical Drift Tracking: Monitors changes over time to detect unmanaged modifications.
- Standards Compliance: Validates adherence to W3C Design Tokens Community Group specifications.
- Deep Theme Architecture Review: Confirms theme modes support, persistence, and user preference handling.
- Outcome: Provides a professional-grade report to optimize design consistency and maintainability.
Quick Start
Run the skill in deep mode to analyze the design tokens in your project for consistency and standards compliance.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: sf-audit-design-tokens Download link: https://github.com/diane-defores/shipflow/archive/main.zip#sf-audit-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 471,000+ vetted skills library on demand.