Vibe GuideBETA

记录项目想法

先写给谁用、解决什么问题,再写怎样试用才算做好。

做完这一节点,你会得到什么?
生成的草稿保留了自己的用户、问题、试用方法。
为什么要有这一节点?

先想清楚你要解决的一件事,AI 才知道该帮你做什么。

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

0101先记下自己的想法待核对展开这一步收起这一步
项目的用户群体是谁
解决他们的什么问题
开发成功的检验标准是什么
操作示意 · 非工具截图

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

开始前需要准备什么?

你想解决的一件事。

做完后要留下什么?

生成的草稿保留了自己的用户、问题、试用方法。

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

先想清楚你要解决的一件事,AI 才知道该帮你做什么。

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

这个概念是什么意思?

先写给谁用、解决什么问题,再写怎样试用才算做好。

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

这个项目解决的是谁的哪件事?

查看参考答案

能指出实际人群、困难和使用后的变化,例如读书会成员从群里漏记报名,变成能查询自己的预约。只说“做个平台”还不够。

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

03这一步具体怎么做?

展开收起

就在这一页的草稿里

  1. 向下找到“07 本步材料”里的“按模板改成自己的想法”输入框。保留四个问题,只把【】里的说明换成自己的答案。先填写“这个项目主要给谁使用”,例如“我自己”。展开收起

    完成后应该看到:第一个问题后面是自己的使用者,其余问题仍在。

  2. 在同一个框里找到“这个项目要帮他们解决什么问题”。写下现在遇到的麻烦,以及使用项目后想完成的事情。展开收起

    完成后应该看到:能说出一个具体过程,例如输入学习内容、保存、以后再找。

  3. 写好怎样试用才算做好,再点击“确认,生成我的想法草稿”。第二阶段暂时不做就填“否”。展开收起

    完成后应该看到:生成的草稿保留了自己的用户、问题、试用方法。

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

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

先用自己的话写:我想每天记下学了什么,关闭网页、重启电脑后还能看到。跟练项目只给自己在本机使用。

做完这一步,应该看到什么?
你能说清“写一条、保存、再次找到”,而不是只说做一个漂亮网页。
做不下去时,先怎么办?
还没有想法时,把今天学的一件小事作为第一条测试内容,不把示例说成真实验收结果。

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

展开收起
  1. 向下找到“07 本步材料”里的“按模板改成自己的想法”输入框。保留四个问题,只把【】里的说明换成自己的答案。先填写“这个项目主要给谁使用”,例如“我自己”。

    操作后应该看到什么?
    第一个问题后面是自己的使用者,其余问题仍在。
    没有看到这个结果时,怎么办?
    想不到就从自己最近遇到的一件麻烦事开始。
  2. 在同一个框里找到“这个项目要帮他们解决什么问题”。写下现在遇到的麻烦,以及使用项目后想完成的事情。

    操作后应该看到什么?
    能说出一个具体过程,例如输入学习内容、保存、以后再找。
    没有看到这个结果时,怎么办?
    不要只写“做一个好用的网站”;补上打开后要做的事。
  3. 写好怎样试用才算做好,再点击“确认,生成我的想法草稿”。第二阶段暂时不做就填“否”。

    操作后应该看到什么?
    生成的草稿保留了自己的用户、问题、试用方法。
    没有看到这个结果时,怎么办?
    有空白就补好再确认;还不知道的事写“尚未确定”。

05这一步出现的词

展开收起

项目描述 ↗

把目标、用户、问题和成功条件写清的材料。

装修前写明住几人、需要几间房和预算。

验收标准 ↗

可以据此判断需求是否完成的条件。

不是“出餐快”,而是“付款后能看到取餐号”。

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

展开收起

只有“想做一个网站”,不知道写什么

先检查哪里,确认问题的原因?
先回想今天重复做过的一件小事。
按下面的方法处理问题
先只填一个真实的困难就够了,其余写“暂未确定”。
恢复后应该看到
草稿有实际使用者和一个可观察的结果,其他项可以未知。

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

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

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

展开收起

先在下面填写自己的材料,点击确认后核对生成内容;什么时候交给工具,按上面的具体操作来。重新打开本页若只看到编辑框,核对后再点确认即可重新复制。

替换括号里的内容;拿不准就填“尚未确定”,然后确认生成。

补充想法(可以以后再填)
跟练个人学习记录:本步怎么填写/补充提示词

这是填写方向,请把上方模板中的空白换成自己的真实信息。验收、费用、路径和测试结果不能照抄示例。

本项目:个人学习记录。使用者:我自己。第一版:输入标题和内容,保存到后端数据库,读取历史记录。暂不做登录、分享、编辑和删除。

08看到这个结果才算完成

草稿写清了项目的用户群体是谁、解决他们的什么问题,以及开发成功的检验标准是什么;第二阶段计划可以填“否”或“暂未确定”。确认后草稿保存在当前浏览器,随时可以复制。

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

展开收起

想不到就从自己最近遇到的一件麻烦事开始。

看结果对照(教学示意,不是你的项目结果)
用户:读书会成员。问题:群里报名容易漏记。通过:提交一次报名后能看到自己的报名;重复提交不会占两个名额。

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

更多问题与排障资料

遇到卡点,从现象开始查

2 种情况

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

先自己填写材料,提示词留到下一步讨论。

想法只有一句口号

看到的现象:写了“做个管理系统”,但说不清谁在什么时候使用。

  1. 先检查哪些地方?

    先列出使用者、当前做法和最烦的一次具体经历。

  2. 接着处理

    本人先填写:谁在什么场景做什么、当前困难、完成后能看到什么。暂不选技术;下方提示词留到下一步讨论。

  3. 这样才算解决

    能用三句话说清一个人完成一件事的开始和结束。

填写后留到下一步讨论

直接编辑下方模板,确认后生成可复制草稿;按当前步骤说明使用,不必立即发给 AI。

查证依据MDN · Plan a first website ↗

已有材料不知道怎么整理

看到的现象:图片、表格、笔记散落,直接让 AI 猜业务。

  1. 先检查哪些地方?

    区分真实材料、个人判断和仅供参考的例子。

  2. 接着处理

    新建 idea.md;列出材料名称和用途,敏感内容先脱敏。例子单独以“比如”开头;未知写尚未确定。

  3. 这样才算解决

    草稿能指出每份材料支持哪件事,未知项仍明确保留。

填写后留到下一步讨论

直接编辑下方模板,确认后生成可复制草稿;按当前步骤说明使用,不必立即发给 AI。

查证依据MDN · Plan a first website ↗

本节点可查的资料

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

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

材料只存于这台设备的当前浏览器;不是项目文件,也不会自动发给 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 个动作组织。页面中的应用画面是示意图;项目完成情况由使用者核对。