Generate Mockups

Render UI as one-file HTML, grounded in the project's real design language, so a decision is made by seeing rather than by reading prose or ASCII. Two intents, one skill:

• Preview — render one or more screens/states of a feature to visualize it. Keep them; iterate.
• Compare — render 2+ directions for a single visual choice, side-by-side, to pick one.

Protocol

Step 1 — Frame and checkpoint

Decide the shape of the request:

• Intent — PREVIEW (screens/states, keep them) or COMPARE (directions for one choice, pick one).
• Count — PREVIEW: one entry per screen/state. COMPARE: 3 directions by default, 5 max.

Print the planned list and confirm via AskUserQuestion ("Generate these" / "Adjust") before spending generation effort: