Spin Up Quick HTML Prototypes

For quick visual thinking, a single local HTML file is often enough.

Ask Claude to create a self-contained prototype when you want to explore a layout, diagram, calculator, or small interaction without touching your app.

Prompt example

Create a self-contained HTML prototype for this onboarding flow.
Use inline CSS and JavaScript. Save it as prototypes/onboarding.html.
Then open it locally and take a screenshot for review.

Good uses

• Layout exploration.
• Product flow sketches.
• Data visualizations.
• Small calculators.
• Interactive diagrams.

Keep prototypes separate from production code unless you explicitly decide to promote the idea into the app.