/mock — Iterative HTML Mockup Generation

Requires DESIGN.md and PRODUCT.md in the project root (produced by /design-init). Run /design-init first if they don't exist.

What This Skill Does

1. Reads context — loads DESIGN.md and PRODUCT.md as non-negotiable ground truth.
2. Accepts a brief — the user describes what screen or page they need.
3. Conditionally interviews back — if the brief is thin/ambiguous, asks 3–6 targeted questions before generating anything.
4. Produces 2–3 HTML iterations — each a different approach (layout strategy, density, hierarchy emphasis). All use only tokens from DESIGN.md.
5. Visually reviews each iteration — renders in a real browser via agent-browser, catches rendering issues, validates against design principles, and fixes problems before the user ever sees them.
6. User picks one — chosen iteration is frozen as a production-viable scaffold in accepted/.

Output Rules