prototype

Prototype turns design tokens and page specs into a viewable artifact — a single self-contained .html file that opens in any browser with no build step.

When this applies

• "Show me what it looks like" / "make a mock" / "build a prototype" / "render a wireframe"
• Visualizing a page from a JOURNEY.md page spec
• Checking token application before writing production code
• Supplying a screenshot for the design-review-agent to critique

Procedure

1. Gather inputs

Collect three inputs: