Detect drift between design tokens and their codebase usage.
npx skills add https://github.com/parhumm/jaan-to --skill detect-design
Please help me install this Agent Skill. Skill: detect-design Source: https://github.com/parhumm/jaan-to/tree/main/adapters/codex/skillpack/skills/detect-design Command: npx skills add https://github.com/parhumm/jaan-to --skill detect-design
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.
Run detect-design on your project to produce a drift report and token inventory.
High-intent search queries and answers about installing and using this skill.
Detect design system drift by scanning token files, theme definitions, and component usage to identify mismatches. It performs token inventory and drift detection, producing structured outputs and evidence blocks that document inconsistencies between definitions and actual code usage.
Design token inventory maps the token landscape by scanning design tokens, Tailwind themes, and CSS variables to reveal naming conventions. It catalogs all defined tokens across the codebase to establish a baseline for comparing against actual component implementation.
Yes, you can audit Tailwind theme tokens against component usage. The drift detection pairs token definitions with actual usage in components, surfacing inconsistencies with evidence blocks that highlight where the codebase deviates from the defined theme.
Check design system governance signals by analyzing Storybook configuration, MCP readiness, and token documentation signals. It scans for these signals to evaluate the maturity and consistency of design system governance across the repository.
Audit CSS variables for brand consistency by scanning token definitions, component usage, and brand assets. This approach surfaces mismatches between defined variables and their real usage, enabling teams to maintain a consistent design language and governance.
Yes, design token drift detection is built for large monorepos containing token files, theme definitions, and component usage. It scans the repository to surface token-usage drift and produces a prioritized plan for token updates and governance.
stribusExtract and normalize design tokens from CSS and theme files into structured documentation.
tuantiensiuAudit design systems to identify inconsistencies and undocumented design tokens.
daffy0208Define design tokens, components, and governance for scalable design systems.
TheBushidoCollectiveAutomate creation and publishing of custom ESLint rules and plugins.
