Prime Visual Parity

Prove visual fidelity with deterministic artifacts. The bundled runtime owns pass or blocking status; never infer success from a build, a clean console, a responsive screenshot, or a subjective image review.

Preconditions

1. Confirm the target route runs locally and the requested Figma node is accessible.
2. Identify the exact Figma design canvas and the browser render viewport. A long design frame's height is canvas height, not browser viewport height.
3. Add stable data-prime-audit-id, data-prime-audit-section, data-prime-audit-kind, and data-prime-audit-role values to every audited section, text block, control, icon, card, and media slot. Use the same IDs in both measurement manifests.
4. Create .primeui/temp/figma-to-prime/<run-id>/ and read the measurement contract.

Stop with blocking when exact Figma measurements or browser-page evaluation are unavailable. Do not replace them with screenshot estimates or prose.

Capture

• Retrieve Figma values programmatically through the connected Figma provider. Read Figma capture before creating the design manifest.
• Use the repository-required browser workflow at the exact render viewport. Read browser capture and use its canonical page-evaluation contract.
• Save exact PNG captures with matching relative names under reference/ and rendered/. Never scale one image to make its dimensions match the other.
• Read media masks before excluding any pixels.