ui-blueprint

A UI layout blueprint prevents AI-generated interfaces from diverging from user intent by establishing an explicit layout contract. It defines structural hierarchy, reference-driven visual direction, and responsive behavior requirements to align expectations before coding.

To recover missing design specs from an existing implementation, apply a spec recovery protocol that converts the as-built interface into an observed vs. target blueprint. This extracts the structural hierarchy and responsive behavior requirements missing from the original artifacts.

To specify responsive reflow rules for a new screen design, define how the layout changes across tablet and mobile using stack, collapse, hide, move, resize, and swap rules. This ensures the visual blueprint satisfies multi-device behavior requirements.

Yes, you can use a UI blueprint for spec recovery when an implementation exists without the original artifact. It converts the as-built interface into an observed vs. target blueprint to extract the missing structural hierarchy and responsive behavior specifications.

Yes, you need an approved brief before generating a UI wireframe. The blueprint process turns the approved brief into a concrete layout ready for review and sign-off, ensuring the information hierarchy and visual direction satisfy the workflow constraints.