Vibe Coding 实战指南/第二章:PRD 与静态 Demo

从需求到页面原型

本章进度
0/7
Getting Started · 本节起点
时长约 15 分钟难度入门+形式阅读 + 对话

从需求到页面原型

上一章你完成了「需求梳理」。这一章把它交给 AI,让 AI 帮你写出完整的 PRD 产品文档,再根据 PRD 做一个纯静态的 HTML 页面 Demo。学会「一次性问完」的提示词技巧,亲眼看到「需求 → 文档 → 页面」的转化过程。

本节任务

6
01

学习 PRD 提示词要点

学会让 AI 一次性问完澄清问题

02

发起 PRD 生成请求并回答澄清

在工作区产出 PRD/PRD.md

03

理解为什么要做静态 Demo

理解「先文档后代码」的价值

04

让 AI 做静态 HTML Demo

根据 PRD 产出纯静态 HTML Demo

05

预览静态 Demo 效果

06

对 Demo 提出反馈并修改

Enter 执行 · 输错不会卡住,可点「再试一次」重置当前步骤