15分钟内从PRD到原型
beginner~15 分钟0/4 步骤
15分钟内从PRD到原型
产品经理写需求文档，工程师来实现。两者之间的鸿沟往往耗费数周时间。
如果你能自己弥合这个差距呢？在本课中，你将把一个产品想法变成一个实时HTML单页——包含需求的产品简报、UI线框草图和成功指标。无需提交工程工单，直接交付证明，而不是规格文档。
操作说明
1
添加一个 <h1> 标签，写上你的产品名称——让它又大又粗
提示： 试试：`<h1 class="text-3xl font-bold text-gray-900 mt-2">你的产品名 — 简短标语</h1>`
2
添加一个 <ul class="requirements">，包含至少3个 <li> 条目，描述产品必须实现的功能
3
添加一个 <div class="wireframe"> 来草绘UI布局——用彩色方块表示UI阶段或区域
4
添加至少一个成功指标——用数字或百分比定义"完成"的样子。在页面某处使用"metric"或"指标"这个词
你的代码
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
用 ViBot 来 Vibe0 / 12 条免费消息
描述你想为这一步构建的内容，我来编写代码——然后点击「应用」把它放进你的编辑器。 本步骤：添加一个 <h1> 标签，写上你的产品名称——让它又大又粗
实时预览
实时预览