Vibe GuideBETA

制定开发计划与测试标准

任务表告诉你下一项做什么、需要什么、怎样判断做完了。

做完这一节点,你会得到什么?
能找到下一项该做什么以及完成标准。
为什么要有这一节点?

把开发拆成一小项一小项,做完一项就能打开看看。

开始操作共 1 个步骤 · 按顺序完成

0101让 AI 列出下一小步待核对展开这一步收起这一步
拆成小任务
一次做一项
写清每项任务完成后怎样检查
操作示意 · 非工具截图

01开始前准备什么,做完后留下什么?

开始前需要准备什么?

已经确认的需求、页面草稿和技术方案。

做完后要留下什么?

能找到下一项该做什么以及完成标准。

这一步要让 AI 读取和保存哪些文件?

在所选工具的项目对话中,让它先打开下面的文件。找不到时,点击下方链接回到创建文件的步骤。

先让 AI 读取这些材料:docs/requirements.md · docs/stories.md · docs/design.md

让 AI 将结果保存到:tasks/todo.md

缺少这些材料?回到创建它们的步骤 →

02这一步要帮你解决什么问题?

把开发拆成一小项一小项,做完一项就能打开看看。

弄懂原理,再试着自己判断

这个概念是什么意思?

任务表告诉你下一项做什么、需要什么、怎样判断做完了。

换个情况,你会怎样判断?

第一项做完,具体能打开或操作什么?

查看参考答案

看该任务的产物和通过条件,应该能说出实际入口、操作及结果。若只有“完成基础架构”,应要求拆到可检查的成果。

试着用自己的话回答;拿不准时先对照上面的解释,再用自己的项目举例核对。

03这一步具体怎么做?

展开收起

项目中的 tasks/todo.md

每次只发送当前这一项的提示词:选中框内文字复制(Mac 按 ⌘C,Windows 按 Ctrl+C),切到所选工具的项目对话,粘贴后把【】替换成自己的内容,再点发送。等工具回复并核对“完成后应该看到”的结果,再做下一项。

  1. 让工具把要做的功能排成先后顺序。展开收起

    建议提示词:

    请读需求、docs/stories.md 和 docs/design.md,把开发拆成小任务。每项写清先做什么、会新增什么文件或功能、完成后我怎样试。先给我看计划,不写代码。

    完成后应该看到:第一项任务明确,后面的任务有顺序。

  2. 检查需求是否都被安排到了,再保存任务表。展开收起

    建议提示词:

    请把我确认的任务保存到 tasks/todo.md。每项标记未开始,并保留对应需求编号。

    完成后应该看到:能找到下一项该做什么以及完成标准。

跟练:个人学习记录(前端 + 后端 + 数据库)

选择这个示例时,沿用同一个 learning-journal 项目逐步完成。已有自己的项目时,对照检查相关要求即可,不必另建项目。

任务表分成环境、页面、数据库建表、后端接口、页面接线、失败处理、重启和验收;一次执行一项。

做完这一步,应该看到什么?
每项有文件、依赖和亲手检查方法,保存功能明确在哪一项完成。
做不下去时,先怎么办?
任务只有“实现后端”时,要求拆成建表、写入读取、连接页面,避免一次做完无法核对。

04不会具体操作?逐项跟着做

展开收起
  1. 让工具把要做的功能排成先后顺序。

    操作后应该看到什么?
    第一项任务明确,后面的任务有顺序。
    没有看到这个结果时,怎么办?
    第一项就包含整个项目时,让工具继续拆小。
  2. 检查需求是否都被安排到了,再保存任务表。

    操作后应该看到什么?
    能找到下一项该做什么以及完成标准。
    没有看到这个结果时,怎么办?
    漏了某项必做功能就补计划,别靠后面临时想起。

05这一步出现的词

展开收起

开发计划 ↗

把需求拆成有顺序、有产物的任务。

先布线再刷墙,每一步都有检查点。

依赖 ↗

构建或运行项目所需要的外部软件包。

做菜依赖某些食材与器具。

06遇到问题时,应该怎么处理?

展开收起

第一项只有“完成前端”

先检查哪里,确认问题的原因?
这一项完成后具体能打开什么?
按下面的方法处理问题
请 AI 拆成“显示标题和输入框”“阻止空白保存”“保存后显示记录”等可单独检查的任务。
恢复后应该看到
第一项有一个能亲手检查的明确结果。

问题不在列表里?请 AI 排查

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

07本步材料(填写或复制)

展开收起

上面已经逐项发送并完成的,不必再发下面整段模板。需要整理本步材料时再使用;替换【】后确认,再复制到项目对话。

这一步的提示词模板

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

跟练个人学习记录:本步怎么填写/补充提示词

仅当你选择本页全栈跟练时使用:使用下面已合并本步要求的提示词,填好空白后复制发送;不必重复发送上方通用模板。它不授权跳到后续步骤。

全栈跟练:本步提示词

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

08看到这个结果才算完成

有顺序的任务表,每项都有待做、待检查或完成状态。

09没有看到预期结果,接下来怎么办?

展开收起

第一项就包含整个项目时,让工具继续拆小。

看结果对照(教学示意,不是你的项目结果)
R02取消 → T04实现取消 → 测试:取消一次释放1个名额;重复取消不再加名额。

本节点出现的词按出现顺序排列,点开可查完整解释

更多问题与排障资料

遇到卡点,从现象开始查

2 种情况

以下路径整理自官方文档与公开求助,不代表发生频率。先按现象检查,再核对处理结果。

任务清单只有“完成前端”

看到的现象:下一步要做什么、何时算完成都不清楚。

  1. 先检查哪些地方?

    检查每项是否有输入、单一结果和验证动作。

  2. 接着处理

    将大任务拆成可单独演示的小步骤,先列依赖;当前仅开始第一项,不同时修改多条流程。

  3. 这样才算解决

    每项都能指向可看到的产物与通过标准。

把这段发给 AI 协助处理

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

查证依据GitHub · Planning and tracking work ↗

换对话后重新开始或漏任务

看到的现象:AI 不知道上次完成到哪里,重复改文件。

  1. 先检查哪些地方?

    读取 tasks/todo.md、当前 Git 状态和上次验证记录。

  2. 接着处理

    保存已完成、正在做、卡点、下一项及对应文件;新对话先复述记录,再继续唯一的下一项。

  3. 这样才算解决

    新对话可从记录接续,不靠记忆猜测进度。

把这段发给 AI 协助处理

先在模板中补充实际材料,确认生成后再复制到当前项目的 AI 对话。不确定项写“尚未确定”,示例可以自行替换。

查证依据GitHub · Planning and tracking work ↗Claude Code · Project instructions ↗

本节点可查的资料

遇到对应问题再查,资料不是额外必做步骤。

按本节点查术语 →
我的项目材料与备份

材料只存于这台设备的当前浏览器;不是项目文件,也不会自动发给 AI。中英文模板分别保存,项目选择和学习进度共用。不要在这里填写密码或 API Key。

包括想法、进度、各步模板、人工核对记录及选型条件;不包含你的真实项目代码。恢复会建立一个新草稿,不覆盖已有项目。

下载或导入不工作?复制备份文本恢复

草稿与进度只保存在当前浏览器。

按顺序完成本页操作,遇到问题时展开对应的检查和处理方法。

寻找起点

板块快捷入口

大家在做什么 · AI收益调研 · 50个方向 · GitHub项目完整路线图 · 从想法到上线先记下自己的想法只有“想做一个网站”,不知道写什么整理成可以交给 AI 的项目描述不知道第一版的流程怎么写打开一个能制作文件的 AI 工具无法安装、登录,或界面不一样给项目建一个自己的文件夹侧栏没有“文稿”或找不到文件夹让 AI 打开刚才的文件夹AI 说的是另一个项目建立 Git 仓库,写好项目说明和规则提交失败或要求填写姓名邮箱亲手核对 AI 创建的文件找不到上一步的文件一次回答一个问题AI 问的技术词看不懂确认这版只做哪几件事删减以后只剩外观把约定留成看得懂的说明说明太长,不知道该确认哪句把用户怎样使用写清楚AI 只列功能名,没有使用过程先看关键页面,再决定怎么开发原型看起来能用,但不清楚哪些是假数据把实际条件交给 AI 选做法我不知道“本机”和“共享”怎么选让 AI 列出下一小步第一项只有“完成前端”检查运行环境,启动最小项目安装或启动失败,不知道停在哪里打开第一张属于自己的页面地址打不开或一直加载只调整眼前这一页改外观后其他功能也变了让“保存”真正留下内容保存不了,或刷新后记录不见了从开始到结束走通一次按钮能点,但没有结果试试空白和连续点击出现空记录或重复记录关掉以后,还能重新打开第二天地址打不开对照最初想法,确认真的能用AI 说全部完成,但我仍不会用把试用结果记录成反馈问题偶尔出现,不能稳定重现先确定怎么修、怎样算修好AI 没给计划就开始修改按计划修复,再交给本人复测AI 说修好了,同样的操作仍失败先决定:自己用,还是分享发给别人后打不开检查是否具备交付条件评估说可上线,却没有证据准备交付物,并实际试运行安装包打不开或部署后启动失败确认交付,再检查实际入口自己的电脑能开,其他人打不开可选:把简单网页放到 GitHub Pages正式网址显示 404下次继续时,不用从头讲换对话后 AI 要重新做选择工具 · Codex Claude Cursor Qoder TRAE Kimi 价格首页项目分类和 Agent 沟通 · 提示词与排查技术栈选择前端与 UI · 组件词典术语库 · AI与项目开发 · 生活例子与图解打开工具,确认能操作项目把项目、版本记录和 AI 规则准备好把想要的界面风格说清楚只修改一个地方,让 AI 找准目标后端:保存资料与访问规则测试:亲手检查是否能用部署上线:交付一个真实入口运维:让产品继续可用Web 网站与应用 · 把想法变成一个网址。小程序 · 在用户熟悉的地方,做一个小工具。手机 App · 让一个好想法,成为日常习惯。桌面 App · 把重复的电脑工作,交给自己的工具。

一个面向零基础的实践指南

这是面向零基础的双语实践指南,按 6 个阶段、18 个节点、31 个动作组织。页面中的应用画面是示意图;项目完成情况由使用者核对。