refactoring-ui-plugin

Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies

Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors

Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades

Use systematic spacing with 25% minimum jumps, start with excess whitespace

Create clear primary/secondary/tertiary action distinctions

Remove unnecessary borders, backgrounds, shadows, decorations

Create helpful, actionable zero-content states

Add depth only when functionally necessary (elevation, not decoration)

Ensure WCAG AA accessibility and readability

Use proximity and spacing to show relationships

Analyze a design against all 10 Refactoring UI skills and generate a comprehensive assessment with specific fixes