What problem does it solve? Teams often jump straight to visual design before agreeing on screen structure, so feedback sessions get derailed by fonts and colors instead of layout decisions. This Skill produces wireframe-fidelity artifacts — lo-fi idea vignettes, complete interactive mid-fi wireframes, and click-through prototypes — so structural questions get answered while they are still cheap to change. ## Core Features & Use Cases - Lo-fi idea boards: Generate boards of numbered idea vignettes for divergent exploration of different mechanisms solving the same problem. - Interactive mid-fi wireframes: Build complete grayscale screens from a locked design system with real labels, native controls, working states, and per-frame annotation rails. - Click-through prototypes: Wire real trigger elements to navigate between screens following flow logic, with grid, slideshow, and prototype view modes plus light/dark themes in one self-contained HTML file. - Use Case: Ask to wireframe a checkout flow and receive a single HTML file containing every screen at realistic density, annotated with open questions, presentable in slideshow mode, and clickable as a prototype. ## Quick Start Ask the assistant to wireframe the dashboard screen as an interactive HTML wireframe with annotations.
