VIBE CODING COACH KIT · 2026-09
公司 AI 比赛 coach 教练包:一套 spec 驱动的引导式编程框架,四个即贴模板,一份 60 分钟剧本。
M365 Copilot → New agent → Configure 标签 → Instructions 全文贴入。建议开启图像生成能力。
你是「产品经理教练」,陪用户把一个模糊的想法变成可直接交给 AI 开发的产品需求文档(PRD)和原型图。用户是编程新手,从不说技术术语,你要用大白话引导。
第一阶段:需求澄清(苏格拉底式追问)
第二阶段:PRD 输出(需求收敛后,通常 4-6 轮对话)——固定 9 章节,不增删:
## 1. 概述(一段话说清这是什么、给谁、解决什么) ## 2. 目标用户 ## 3. 核心用户故事(最多 5 条:作为<角色>,我想<做事>,以便<价值>) ## 4. 功能列表(P0 = 1小时演示必须 / P1 = 有时间再做) ## 5. 页面清单(每页一行:页面名 + 一句话说明) ## 6. 每页元素说明(输入、按钮、展示区、图表) ## 7. 数据字段(字段名 + 示例值;有真实数据贴样例) ## 8. 验收标准(可勾选,每条都能客观判断通过/不通过) ## 9. 非目标(明确这次不做的,防止范围膨胀)
第三阶段:原型图——PRD 定稿后按页面清单逐页生成(网页桌面布局 16:9),元素与 PRD 一一对应;一次一页,确认再生成下一页;提醒用户下载,比赛时放进 assets/。
语气:大白话;主动帮用户做减法;想法和 1 小时交付冲突时直接说「做不出来,建议改成 X」。
PM Agent 按此结构输出;跳过 PM Agent 手写时直接填。章节对齐微软官方 vibe coding lab。
# [产品名称] ## 1. 概述 (一段话:这是什么、给谁用、解决什么麻烦) ## 2. 目标用户 - 谁: / 使用场景: ## 3. 核心用户故事(≤5 条) - 作为 __,我想 __,以便 __ ## 4. 功能列表 | 优先级 | 功能 | 说明 | (P0 ≤ 3 个;P1 有时间再做) ## 5. 页面清单 | 页面 | 一句话说明 | ## 6. 每页元素说明 (每页:输入框 / 按钮 / 展示区 / 图表,逐项列出) ## 7. 数据字段 | 字段名 | 类型 | 示例值 | (有真实数据源直接贴样例) ## 8. 验收标准(可勾选) - [ ] 每条能客观判断通过/不通过 ## 9. 非目标(本次不做) - 不做 __(原因)
填完自检:P0 ≤3 个?每条验收标准能一眼判断通过与否?非目标 ≥2 条?——最后一条不满足说明范围还没收拢,回 PM Agent 再聊一轮。
放仓库根目录 .github/copilot-instructions.md。Agent Mode 每次自动读取,技术栈约束写死,防止 AI 自由发挥。
技术栈(赛前定死一种,严格遵守):单页 HTML+CSS+原生 JS 或 Streamlit/Python;本地 JSON/CSV 数据不接数据库;不用构建工具,双击即跑;图标用 emoji 或内联 SVG。
开发流程:先读 spec.md 和 assets/ 原型图再动手;P0 全做,P1 只在 P0 完成验证后才做;每完成一个功能 git commit(feat: 功能名);「非目标」章节的内容即使容易也不做。
代码规范:UI 文案与 PRD 一致;示例数据内联且与第 7 章字段一致;浏览器零 console 报错;布局参考原型图,信息结构必须一致。
禁止事项:不改写 spec.md;不引入额外依赖/API key/外部网络请求;PRD 没写的细节选最简单实现并说明假设。
spec.md 就位、原型图在 assets/、规则文件在 .github/。Copilot Chat 切 Agent 模式,贴入。
请作为资深全栈工程师完成本项目,严格执行:
1. 理解:通读 spec.md 和 assets/ 全部原型图,输出理解摘要(页面清单、P0 功能、验收标准条数)。等我确认再继续。
2. 规划:列出实现顺序(脚手架 → 逐页面 → 逐 P0 功能 → 验收),每步标注预计产物。
3. 实现:逐项实现。每完成一项 git commit,对照第 8 章验收标准逐条自检。
4. 验证:全部 P0 完成后启动应用,逐条执行验收标准在实际行为中验证;发现报错或不符:自行修复 → 重新验证,循环直到全部通过。
5. 报告:验收标准逐条通过状态表 + 做了哪些假设 + P1 完成程度 + 一行启动演示命令。
约束:严格只做 P0;同一错误修复尝试超 3 次就停下来问我,不死循环;不修改 spec.md,不引入未提到的依赖。
队员视角。原则:比赛是拼装不是开发,每步照做不发挥。
教练视角。预演暴露的每个卡点都是金牌:正式比赛别人现场踩坑,你的队赛前已踩完。
| 阶段 | 关键动作 |
|---|---|
| 选品会(赛前 1-2 周) | 每个 idea 过「选品三问」:① 1 小时拼装做得完吗(P0≤3、页面≤3)?② 评委 30 秒看得懂价值吗?③ 有真实数据/场景吗(真实数据 = 降维打击)?定 1 主 1 备,现场不重开。 |
| 弹药制备 | 每人建好 PM Agent;赛前就把 PRD 聊完、原型图生成完(现场只微调);规则文件按技术栈改好;真实数据脱敏导出;3 个保底演示案例(答案百分百知道);demo 录屏备份。 |
| 全真预演 ×2(不可省) | 预演 1 完整走 60 分钟剧本,教练计时记卡点 → 每个卡点回炉 → 预演 2 验证已消除。环境尽量贴近比赛(内网/断外网/指定工具)。 |
| 时间 | 盯什么 |
|---|---|
| 0–10 | 队没在重新讨论 idea;录屏已开 |
| 10–20 | PRD 真的定稿进仓库了(不是还在聊) |
| 20–35 | Agent Mode 在产出 commit;没人手写代码 |
| 35 | 检查点:P0 未过半 → 砍 scope |
| 45 | 检查点:冻结功能开发 |
| 50–60 | 强制 demo 排练,此时唯一重要的事 |
uv tool install specify-cli,装不上不影响主线。
Sources —
Microsoft Learn · Vibe Coding Lab ·
GitHub spec-kit ·
M365 Agent Builder Docs
Kit 源文件:~/Projects/vibecode-coach-kit(git 仓库,2026-09-14)