gnurio/refactoring-ui-plugin

establish-visual-hierarchy

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

Quellsprache: Englisch

apply-typography-scale

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

Quellsprache: Englisch

build-color-palette

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

Quellsprache: Englisch

apply-consistent-spacing

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

Quellsprache: Englisch

design-button-hierarchy

Create clear primary/secondary/tertiary action distinctions

Quellsprache: Englisch

eliminate-visual-clutter

Remove unnecessary borders, backgrounds, shadows, decorations

Quellsprache: Englisch

design-empty-states

Create helpful, actionable zero-content states

Quellsprache: Englisch

use-shadows-appropriately

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

Quellsprache: Englisch

manage-color-contrast

Ensure WCAG AA accessibility and readability

Quellsprache: Englisch

group-related-elements

Use proximity and spacing to show relationships

Quellsprache: Englisch

refactor-ui

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

Quellsprache: Englisch