refactor-ui

name	refactor-ui
description	Analyze a design against all 10 Refactoring UI skills and generate a comprehensive assessment with specific fixes
domain	ui-design
skill-type	orchestration
version	1.0.0
prerequisites	[]
dependencies	["01-establish-visual-hierarchy","02-apply-typography-scale","03-build-color-palette","04-apply-consistent-spacing","05-design-button-hierarchy","06-eliminate-visual-clutter","07-design-empty-states","08-use-shadows-appropriately","09-manage-color-contrast","10-group-related-elements"]
input	[{"design_description":"string"},{"design_screenshot":"optional image"},{"context":"marketing | application | content"}]
output	[{"comprehensive_assessment":"object"},{"violations":"array"},{"recommendations":"array"},{"priority_fixes":"array"}]

Meta-Skill: /refactor-ui

Purpose

Run a complete UI design audit against all 10 Refactoring UI principles, generating a prioritized list of specific improvements.

Workflow

Phase 1: Load Skill Registry

Read skills.json
Validate all 10 skills available

Phase 2: Sequential Skill Application

Execute each skill in optimal order:

1. establish-visual-hierarchy
   ↓
2. apply-typography-scale
   ↓
3. build-color-palette
   ↓
4. apply-consistent-spacing
   ↓
5. design-button-hierarchy
   ↓
6. eliminate-visual-clutter
   ↓
7. design-empty-states
   ↓
8. use-shadows-appropriately
   ↓
9. manage-color-contrast
   ↓
10. group-related-elements

Phase 3: Consolidate Findings

Aggregate results from all skills:

• Collect all FAIL assessments
• Group by severity (Critical | High | Medium | Low)
• Remove duplicates (same issue caught by multiple skills)
• Prioritize by impact

Phase 4: Generate Report

Output structured assessment:

{
  "overall_score": "PASS | NEEDS_WORK | FAIL",
  "summary": "3 critical, 5 high, 2 medium priority fixes",
  "violations": [
    {
      "skill": "visual-hierarchy",
      "severity": "critical",
      "issue": "Primary CTA buried",
      "location": "Hero section",
      "fix": "Increase button to solid brand color, reduce surrounding contrast"
    
  
   
    
    
    
  
   
          
          
          
    ...