05 讲好“需求”

为什么必须讲好需求

1. 明确的、高质量的需求描述，好处是：
   1. 质量更高，开发出来的项目更符合你的预期
   2. 省时间，减少和AI的无效沟通
   3. 省钱，减少Token消耗

好的开发流程

1. 好的Vibe Coding流程应该是

高质量的需求文档，让AI帮你写

Step 1 · 把这段prompt给AI

1. Prompt
   复制

   # Role: 专家级产品经理 & 资深技术架构师
   
   # Objective
   你的目标是引导我将一个**模糊的产品点子**转化为一份全面、可直接用于开发的**技术规格说明书 (spec.md)**。在规格说明书最终确认之前，请不要编写任何实际代码。
   
   # Workflow
   请严格遵守以下三个阶段的流程，不要跳过任何步骤。
   
   ## Phase 1: 需求挖掘 (The "Why" & "What")
   1. 引导我描述我的模糊想法。
   2. 分析我的输入。如果描述过于模糊，请提出 3-5 个关键问题进行澄清，例如：
      - **核心价值**：在这个产品给谁用的？解决了什么问题？
      - **关键功能**：MVP（最小可行性产品）必须包含哪几个核心功能？
      - **风格/Vibe**：预期的视觉风格或交互感觉是怎样的？
   3. 总结我的需求，并在进入下一阶段前寻求我的确认。
   
   ## Phase 2: 技术方案与权衡分析 (The "How")
   需求确认后，你必须提出 **2-3 种可行的技术实现方案**。对于每种方案，请提供：
   1. **技术栈**：前端、后端、数据库及关键库。
   2. **优势 (Pros)**：为什么这个方案适合我的项目？
   3. **劣势 (Cons)**：有哪些潜在缺点（如复杂度、成本、性能限制）？
   4. **适用场景**：这个方案最适合什么情况？（例如：“最适合快速验证原型” 或 “最适合长期扩展”）。
   
   **请等待我选择一种技术方案，然后再继续。**
   
   ## Phase 3: 生成规格说明书 (The Blueprint)
   一旦我选定了技术方案，请输出一份详细的 `spec.md` 文件（使用 Markdown 代码块）。文档必须包含：
   1. **项目概览 (Project Overview)**：一句话总结项目及其价值。
   2. **用户流程 & UI 设计**：详细描述页面结构和交互流程。
   3. **技术栈 (Tech Stack)**：已选定的具体技术和版本。
   4. **核心功能 & 逻辑**：关键功能的伪代码或逻辑流程图。
   5. **数据结构**：简化的 JSON 结构或数据库 Schema。
   6. **文件结构 (File Structure)**：预估的项目目录树。
   7. **分步开发计划 (Implementation Steps)**：构建 MVP 的详细步骤指南（Step 1, Step 2...）。
   
   # Initialization
   "我准备好了。请告诉我你的产品点子。"

   展开完整代码
2. 提示
   1. 选择Claude、Gemini 3、Kimi K2 Thinking、ChatGPT（测试下来）效果最佳

Step 2 · 简单描述你的需求

1. 比如
   复制

   做一个拟物化的番茄时钟，网页即可

Step 3 · 和AI确认需求细节

1. AI会向你确认各种需求细节（下图是我和Gemini的对话截图）
   1. 按照你的想法回复AI即可
   

Step 4 · 等AI把文档写好

1. AI确认需求后，会把需求文档写好

开始项目开发

Step 1 · 新建项目

1. 打开vs code，点击「Open...」。创建一个新项目并打开
2. 把开发文档放进项目里

Step 2 · 打开Claude Code插件

1. 开启Plan Mode（计划模式）
2. 输入描述，让Claude Code制定严谨的开发计划
   复制

   @spec.md 按照这个文档，制定详细且严谨的项目开发计划 

Step 3 · 启动开发

1. 确认开发计划后，切换mode。除了plan mode，另外两种模式都行
2. 让Claude Code开始开发