gnurio/refactoring-ui-plugin

establish-visual-hierarchy

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

apply-typography-scale

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

build-color-palette

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

apply-consistent-spacing

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

design-button-hierarchy

Create clear primary/secondary/tertiary action distinctions

eliminate-visual-clutter

Remove unnecessary borders, backgrounds, shadows, decorations

design-empty-states

Create helpful, actionable zero-content states

use-shadows-appropriately

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

manage-color-contrast

Ensure WCAG AA accessibility and readability

group-related-elements

Use proximity and spacing to show relationships

refactor-ui

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