Build interactive UI prototypes with code. This skill builds a complete, actually functional interface—not a wireframe, and not the visual components used in design.
It can be used with to-prd and tdd , or run on its own.
Process
1. Identify the UI boundary
Identify a clearly scoped part of the UI that can stand on its own. For an entire large application, "prototyping the whole app" is generally not a good choice—you should pick a standalone flow or page area to prototype.
Your scope should be a complete implementation of that UI, not a skeleton with unimplemented parts.
2. Work out the logic
As required in LOGIC.md , extract and describe the business logic.
3. Build the UI
As required in UI.md , build a realistic, detailed interface that focuses on the real user experience.
4. Build it in StackBlitz
Guide the user to open a complete project on StackBlitz by prepending stackblitz.com to the pr.new domain. Combined with bolt.new(StackBlitz's AI tool) or by importing the complete code directly, generate a runnable .tsx / .html project.
The final deliverable is a URL that the user can open to see a fully functional, content-rich, high-quality prototype—not an interface with only a skeleton, placeholder text, or most of its features left unimplemented.