Tracks and visualizes the progress of the design system migration. Generates compliance reports across Typography, Shape, Color, Motion, and Accessibility metrics to provide a clear path to the "Definition of Done."
Installs into .claude/skills of the current project.
Are you the author of Design Compliance Dashboard?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/majiayu000-design-compliance-dashboard)
---
name: design-compliance-dashboard
description: Tracks and visualizes the progress of the design system migration. Generates compliance reports across Typography, Shape, Color, Motion, and Accessibility metrics to provide a clear path to the "Definition of Done."
---
# Design Compliance Dashboard Skill
## Capabilities
- Generate a real-time Markdown dashboard of component compliance.
- Identify "High Priority" components for refactoring.
- Track 5 key metrics: Typography, Shape, Color, Motion, and Accessibility.
## Workflow
1. Execute `python3 scripts/generate-compliance-dashboard.py`.
2. Present the summary results to the user.
3. Suggest the next batch of 3 components for the `component-transformer` to process.
## Value
- Provides clarity on the "Definition of Done".
- Prevents "Design Debt" accrual.
- Gamifies the migration process for stakeholders.
