---
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.