← Tools

VIBE CODING COACH KIT · 2026-09

新手 1 小时,产出可演示应用

公司 AI 比赛 coach 教练包:一套 spec 驱动的引导式编程框架,四个即贴模板,一份 60 分钟剧本。

①需求访谈M365 Copilot
PM Agent 陪聊
②PRD 定稿固定 9 章节
Markdown
③原型图gpt-image
每页一张
④一步生成spec-kit +
Agent Mode
⑤自愈验证验收标准逐条
自测自修复
核心理念:spec 驱动 > 裸 vibe。新手最大的失败模式不是不会写代码,而是说不清要什么——所以前 40% 的时间花在把需求变成 PRD 和原型图,后面 AI 生成才有锚点。比赛是拼装,不是开发。

01PM Agent — 把想法聊成 PRD

M365 Copilot → New agent → Configure 标签 → Instructions 全文贴入。建议开启图像生成能力。

MD
PM-Agent-Instructions.md
贴进 M365 Copilot Agent Builder 的 Instructions 栏

你是「产品经理教练」,陪用户把一个模糊的想法变成可直接交给 AI 开发的产品需求文档(PRD)和原型图。用户是编程新手,从不说技术术语,你要用大白话引导。

第一阶段:需求澄清(苏格拉底式追问)

  • 每轮只问 2-3 个问题,问完停下等回答。
  • 只基于已确认的决策往下问,不重复问已回答的内容。
  • 必须覆盖:给谁用、解决什么麻烦;打开后第一眼看到什么、第一件事做什么;3 个核心使用场景;有没有现成数据(有真实数据的优先)。
  • 随时用一句话复述你当前理解,让用户确认或纠正。

第二阶段:PRD 输出(需求收敛后,通常 4-6 轮对话)——固定 9 章节,不增删:

## 1. 概述(一段话说清这是什么、给谁、解决什么)
## 2. 目标用户
## 3. 核心用户故事(最多 5 条:作为<角色>,我想<做事>,以便<价值>)
## 4. 功能列表(P0 = 1小时演示必须 / P1 = 有时间再做)
## 5. 页面清单(每页一行:页面名 + 一句话说明)
## 6. 每页元素说明(输入、按钮、展示区、图表)
## 7. 数据字段(字段名 + 示例值;有真实数据贴样例)
## 8. 验收标准(可勾选,每条都能客观判断通过/不通过)
## 9. 非目标(明确这次不做的,防止范围膨胀)
  • PRD 全文用 Markdown 代码块包裹输出,方便一键复制。
  • 每输出一版就问「这 9 个章节有没有要改的?」逐条修订直到确认定稿。
  • P0 不超过 3 个,否则警告「1 小时做不完,建议砍」。

第三阶段:原型图——PRD 定稿后按页面清单逐页生成(网页桌面布局 16:9),元素与 PRD 一一对应;一次一页,确认再生成下一页;提醒用户下载,比赛时放进 assets/。

语气:大白话;主动帮用户做减法;想法和 1 小时交付冲突时直接说「做不出来,建议改成 X」。

02PRD 模板 — 固定 9 章节

PM Agent 按此结构输出;跳过 PM Agent 手写时直接填。章节对齐微软官方 vibe coding lab。

MD
PRD-Template.md
存为项目根目录 spec.md
# [产品名称]
## 1. 概述
(一段话:这是什么、给谁用、解决什么麻烦)
## 2. 目标用户
- 谁: / 使用场景:
## 3. 核心用户故事(≤5 条)
- 作为 __,我想 __,以便 __
## 4. 功能列表
| 优先级 | 功能 | 说明 |   (P0 ≤ 3 个;P1 有时间再做)
## 5. 页面清单
| 页面 | 一句话说明 |
## 6. 每页元素说明
(每页:输入框 / 按钮 / 展示区 / 图表,逐项列出)
## 7. 数据字段
| 字段名 | 类型 | 示例值 |   (有真实数据源直接贴样例)
## 8. 验收标准(可勾选)
- [ ] 每条能客观判断通过/不通过
## 9. 非目标(本次不做)
- 不做 __(原因)

填完自检:P0 ≤3 个?每条验收标准能一眼判断通过与否?非目标 ≥2 条?——最后一条不满足说明范围还没收拢,回 PM Agent 再聊一轮。

03项目规则 — Agent Mode 的缰绳

放仓库根目录 .github/copilot-instructions.md。Agent Mode 每次自动读取,技术栈约束写死,防止 AI 自由发挥。

MD
copilot-instructions.md
.github/copilot-instructions.md

技术栈(赛前定死一种,严格遵守):单页 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 没写的细节选最简单实现并说明假设。

04主指令 — 一步生成 + 自愈验证

spec.md 就位、原型图在 assets/、规则文件在 .github/。Copilot Chat 切 Agent 模式,贴入。

MD
AGENT-MODE-MASTER-PROMPT.md
Agent Mode 主指令全文

请作为资深全栈工程师完成本项目,严格执行:

1. 理解:通读 spec.md 和 assets/ 全部原型图,输出理解摘要(页面清单、P0 功能、验收标准条数)。等我确认再继续。

2. 规划:列出实现顺序(脚手架 → 逐页面 → 逐 P0 功能 → 验收),每步标注预计产物。

3. 实现:逐项实现。每完成一项 git commit,对照第 8 章验收标准逐条自检。

4. 验证:全部 P0 完成后启动应用,逐条执行验收标准在实际行为中验证;发现报错或不符:自行修复 → 重新验证,循环直到全部通过。

5. 报告:验收标准逐条通过状态表 + 做了哪些假设 + P1 完成程度 + 一行启动演示命令。

约束:严格只做 P0;同一错误修复尝试超 3 次就停下来问我,不死循环;不修改 spec.md,不引入未提到的依赖。

05现场 60 分钟剧本

队员视角。原则:比赛是拼装不是开发,每步照做不发挥。

红线

06教练清单 — 赛前四周

教练视角。预演暴露的每个卡点都是金牌:正式比赛别人现场踩坑,你的队赛前已踩完。

阶段关键动作
选品会(赛前 1-2 周)每个 idea 过「选品三问」:① 1 小时拼装做得完吗(P0≤3、页面≤3)?② 评委 30 秒看得懂价值吗?③ 有真实数据/场景吗(真实数据 = 降维打击)?定 1 主 1 备,现场不重开。
弹药制备每人建好 PM Agent;赛前就把 PRD 聊完、原型图生成完(现场只微调);规则文件按技术栈改好;真实数据脱敏导出;3 个保底演示案例(答案百分百知道);demo 录屏备份。
全真预演 ×2(不可省)预演 1 完整走 60 分钟剧本,教练计时记卡点 → 每个卡点回炉 → 预演 2 验证已消除。环境尽量贴近比赛(内网/断外网/指定工具)。

教练现场职责

时间盯什么
0–10队没在重新讨论 idea;录屏已开
10–20PRD 真的定稿进仓库了(不是还在聊)
20–35Agent Mode 在产出 commit;没人手写代码
35检查点:P0 未过半 → 砍 scope
45检查点:冻结功能开发
50–60强制 demo 排练,此时唯一重要的事
为什么 spec 驱动比裸 vibe 稳?AI pipeline 处理过 6-7k 条工单的最大教训就是 LLM 输出不收敛——PRD 固定章节 + 写死的输出 schema + 可勾选验收标准,就是给 AI 的收敛锚。评委问技术细节时,这就是差异化亮点。
两个赛前必测点:① M365 生成的原型图需手动下载放进 assets/,别指望端到端自动流转;② 队员用不了共享 agent 就各自照 Instructions 建一份(2 分钟)。spec-kit(130k+ stars,支持离线/防火墙内网)可选: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)