Design Review

The quality gate for visual design. This skill is for evaluating and systematically improving existing UI — not generating new designs. Use it to audit pages, identify what to fix first, and elevate AI-generated output to production quality.

For visual principles (hierarchy, whitespace, composition), reference the beautify skill. For specific AI-generated antipatterns, reference beautify/AI-SLOP-FIXES.md. For component and layout implementation, reference ui-patterns.

Audit Methodology

Systematically evaluate any page or screen using this process:

1. Five-Second First Impression

Squint at the page (or blur your eyes) and note what your eye lands on first. If it is not the primary action or primary content, visual hierarchy is broken — that becomes P0.