返回 Skill 列表
extension
分类: 开发与工程无需 API Key

design-compliance-dashboard

跟踪并可视化设计系统迁移的进度。生成涵盖字体、形状、颜色、动态效果和可访问性指标的合规报告,以提供清晰的“完成定义”路径。

person作者: jakexiaohubgithub

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.