SuperAPI AI Directory

design-score

Design & creation

View repository

Updated 10-15 09:50

About this skill

/design-score: Quick Design Score Card

Fast score across 12 dimensions. Takes under 2 minutes.

Flow

  1. Fast scan of project styling and component files
  2. Quick-score each dimension (heuristic-based, not deep audit)
  3. Calculate weighted overall score
  4. Identify top 5 highest-impact improvements
  5. Output concise score card

Output

Design Score: 7.2/10 - Good

Color System: 8/10 |########..| Typography: 6/10 |######....| Layout & Spacing: 7/10 |#######...| Components: 7/10 |#######...| Accessibility: 5/10 |#####.....| Visual Hierarchy: 8/10 |########..| Interaction: 6/10 |######....| Responsiveness: 7/10 |#######...| Visual Polish: 8/10 |########..| Performance UX: 6/10 |######....| IA & Flows: 7/10 |#######...| Platform: 8/10 |########..|

Top 5 Improvements:

  1. [critical] Add focus indicators for keyboard navigation
  2. [important] Body text contrast is 3.2:1, needs 4.5:1
  3. [important] Consolidate 47 unique colors to ~20
  4. [suggestion] Add skeleton screens for data loading
  5. [suggestion] Establish consistent spacing scale (currently 23 unique values)