What problem does it solve? Jumping straight into high-fidelity design wastes effort when the layout direction is still undecided. This Skill produces multiple low-cost grayscale wireframe variants so you can compare layout, flow, and content-priority options before committing to hi-fi work. ## Core Features & Use Cases - Multi-Variant Exploration: Produces at least 3 variants differing along a chosen axis such as layout, density, step count, CTA placement, or navigation pattern, delivered as a self-contained HTML/SVG file. - Wireframe Visual Language: Enforces pure grayscale, system sans-serif fonts, labeled content boxes, striped image placeholders, and numbered annotations so output reads as a wireframe, not a broken hi-fi mockup. - Decision Capture: Records the chosen variant, rejected directions, and newly surfaced constraints as a brief for subsequent hi-fi prototyping. - Use Case: Ask for a signup flow wireframe and receive side-by-side variants comparing a single-page form, a multi-step wizard, and progressive disclosure, each annotated with trade-offs. ## Quick Start Ask the assistant to sketch three wireframe variants of your signup flow comparing single-page, multi-step, and progressive disclosure layouts.
