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

لغة النص الأصلي: الإنجليزية