UI Mockup Fidelity

Implement mockups with fidelity-first execution and explicit reporting of intentional adaptations.

Quick Start

Read the mockup and list every visible section, component, and state.
Identify repeated UI patterns before coding and choose stack-appropriate extraction points (component, partial, include, slot, variant, or primitive).
Apply the layout and token contract from references/layout-token-contract.md.
Implement in four passes: structure, extraction, styling, review.
Run a manual coverage pass using references/mockup-coverage-checklist.md.
Report exact matches, extracted components, intentional deviations, and unresolved ambiguities.

Apply these tiers in order.