ui-design-best-practices

Installation
SKILL.md

UI design best practices checklist

Use when reviewing or refining layout, visual design, and UX before shipping UI.

Visual hierarchy

  • Establish clear hierarchy with size, contrast, and spacing.
  • Follow natural reading patterns (F-pattern or Z-pattern).
  • Group related elements logically (Gestalt: proximity, similarity, continuity).

Simplicity and cognitive load

  • Keep interfaces simple and uncluttered.
  • Use whitespace intentionally to improve clarity.
  • Limit choices where possible to reduce cognitive load (Hick’s Law).

Consistency

Installs
1
First Seen
Apr 12, 2026
ui-design-best-practices — alexandretrotel/skills