PRD to Prototype in 15 Minutes
beginner~15 min0/4 steps
Instructions
1
Add an <h1> with your product name — make it bold and large
Hint: Try: `<h1 class="text-3xl font-bold text-gray-900 mt-2">YourProduct — Short Tagline</h1>`
2
Add a <ul class="requirements"> with at least 3 <li> items describing what the product must do
3
Add a <div class="wireframe"> that sketches the UI — use colored boxes to represent UI stages or sections
4
Add at least one success metric — a number or percentage that defines what 'done' looks like. Use the word "metric" somewhere on the page
Your Code
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Live Preview
Live Preview