Indie Building ／ AI 产品与辅助设计
AI 驱动产品设计 / Vibe Coding 流程(一句话需求→拷问→PRD→DRD+编程提示词→Figma Make demo→发布→视觉迭代)
Will 的非技术 PM「想法→可运行原型」完整流水线,把 vibe coding 拆成 7 个可照抄步骤:① 用 3 档模板把一句话产品想法写成结构化输入;② 让 AI 扮演「需求拷问器(requirements interrogator)」连环追问逼出 Grill Summary;③ 用「顶级产品架构师」角色 prompt 把 5 个回答扩写成投资级 PRD;④ 从 PRD 提取功能点生成 3 个互不重叠的交互方案 DRD,再把选中方案转成可直接出产品的编程提示词;⑤ 喂给 Figma Make(出可交互 demo)或 Claude(出真实可上线产品)生成原型;⑥ 截图回灌让 AI 自己挑错迭代;⑦ 发布到手机(Claude 出 HTML→Netlify Drop 拖拽托管→加到主屏当 App)+ 用 ReferoStyle 一键换皮肤。每步给可复用提示词骨架 + Why + 示例 + 坑。三套并行方法(Method 1 文档驱动主线 / Method 2 文档驱动出 HTML / Method 3 GPT+Figma 自然语言搭 UI)。读者是非技术产品经理,关注「何时用哪步、提示词怎么抄」而非代码。与 [[newtype-ai-coding]] 分工:那篇讲工具栈选型与心法(Cursor/Claude Code/Codex 怎么选),本篇讲非技术 PM 从零跑通一个原型的具体动作链与提示词模板。