UI Visual Refinement

Unified SKILL for auditing and refining UI visual design. Combines the systematic Refactoring UI approach (7 principles) with Visual Hierarchy theory (three levers, one-star-per-screen).

Core Principles

1. Design in grayscale first. Add color last. Forces proper hierarchy through spacing, contrast, and typography.
2. If everything is important, nothing is. Every screen needs exactly one "star" -- the element the eye hits first.
3. Emphasize by de-emphasizing. Don't make the primary element louder; make everything else quieter.

Scoring

Goal: 10/10. Rate UI designs 0-10 based on adherence to the principles below. Always provide the current score and specific improvements to reach 10/10.

Visual Hierarchy Framework

Three Levers of Hierarchy