Vibe GuideBETA

零基础 · 用 AI 做第一个项目

把你的想法,
Vibecoding成一个真实的项目

从有一个想法,到指挥AI完成开发文档,再到部署上线,每一步都有方法、提示词模板、检查标准。同时让你知道为什么要这样做的原理。

开始前,需要准备什么?

一个自己的想法、一台可用电脑;进入“选择 AI 工具”节点时,再选择能操作项目文件的工具并核对账号条件。现在无需先购买服务。

本站:学习方法与准备材料 → AI工具:读取项目、制作和测试 → 你的作品:亲手打开,核对结果。

从自己的想法开始,不必先掌握技术名词。

01 / 从想法出发“这件事,能不能更简单?”
02 / 把想法说清楚谁会使用这个项目 · 它要解决他们的什么问题
03 / 一步步实现从“我想做”,到“可以用了”制作 → 试用 → 改进
学习过程示意 · 按自己的项目逐步实现

一步一步,积累看得见的成果

每一个步骤,都清晰可见

6 个阶段 / 18 个节点 / 31 个动作
  1. 01

    把想法说清楚

    一份清楚的项目描述

  2. 02

    准备协作空间

    工具就绪,项目已创建

  3. 03

    把需求变成计划

    明确的需求与开发计划

  4. 04

    制作并验证功能

    可以亲手操作的第一版

  5. 05

    验收与修复

    经过试用与修复的版本

  6. 06

    交付与持续维护

    交付作品,留下维护说明

寻找起点

板块快捷入口

大家在做什么 · 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 个动作组织。页面中的应用画面是示意图;项目完成情况由使用者核对。