detect-design
CommunityDetect design system drift with evidence.
Authorparhumm
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Detect design system drift by identifying mismatches between token definitions and their real usage in code, enabling teams to keep a consistent design language and governance across repositories.
Core Features & Use Cases
- Token inventory across design tokens, Tailwind themes, and CSS variables to reveal the token landscape and naming conventions.
- Drift detection that pairs token definitions with actual usage in components, surfacing inconsistencies with evidence blocks.
- Governance signals detection through analysis of Storybook configuration, MCP readiness, and token/documentation signals.
- Use Case: Audit a large mono-repo to surface token-usage drift and prepare a prioritized plan for token updates and design-system governance.
Quick Start
Run detect-design on your project to produce a drift report and token inventory.
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: detect-design Download link: https://github.com/parhumm/jaan-to/archive/main.zip#detect-design 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.