Frontend (Authoring + Critique)

Two modes: authoring (build UI with patterns) and critique (score built UI). Both share the visual-direction rules below.

Reference Files

Read only what's needed:

• references/ui-state-and-feedback.md — loading/error/empty/success ordering, skeleton vs spinner
• references/accessibility-and-forms.md — WCAG, keyboard/focus, labels, form patterns, mobile
• references/performance-and-layout.md — responsive, motion, overflow, URL state, light/dark mode
• references/design-md-authoring.md — creating/updating DESIGN.md from screenshots, existing UI, preferences
• references/design-md-inspiration-index.md — style references when user asks for direction

Shared Visual Direction Rules

Two-Altitude Reflex Check

Before committing a visual direction, run both tests: