| version | 1 |
| name | wireframe |
| description | Explore many ideas with wireframes and storyboards — low-fidelity sketches showing layout, hierarchy, and flow without committing to visual design. Use when user is at the divergent stage and wants 3–6 alternative directions or a storyboard of screens. Output emphasizes structure over polish. |
| user-invocable | true |
wireframe
Produce low-fidelity wireframes to compare layouts and flows.
Default form
- Greyscale, no real images (use neutral boxes)
- System font; consistent stroke weight
- 3–6 variants for a single screen, OR a 3–8 step storyboard
When variants
Label each Option A / B / C with a one-sentence rationale ("A leans on the hero, B leans on social proof").
When storyboard
Number screens; show the user goal at the top of each.
When not to use
Use interactive-prototype once the layout is locked. Use make-a-deck for narrative pitches.