Vibe Coding 终极指南:驾驭 GPT-5 与 Claude 4.5 的沉浸式开发工作流
在 AI 辅助编程领域,单纯的代码生成已经不是新鲜事。现在的趋势是 “Vibe Coding” —— 一种更注重流畅度、自然语言交互(甚至语音交互)和宏观把控的开发方式。
本文基于 Nicolas Zullo 开源的 Vibe Coding V1.2 指南,结合 2025 年最新的工具生态(Claude Sonnet 4.5 和 GPT-5 Codex),为开发者拆解这套能够从零构建复杂游戏或应用的高效工作流。
核心理念:规划重于一切
很多开发者在使用 AI 时最大的误区是:让 AI 自己去规划。结果往往是代码越写越乱,写到最终完全不可维护。
Vibe Coding 的核心原则是:Planning is everything(规划决定一切)。开发者必须建立坚实的基础,通过文档约束 AI 的行为,而不是让它自由发挥。
工具准备
要开始 Vibe Coding,你需要以下任一工具的 CLI 版本(推荐)或 VSCode 扩展:
- Claude Code:搭载 Claude Sonnet 4.5 模型。
- Codex CLI:搭载 gpt-5-codex (high) 模型。
注意:虽然 Cursor 依然是王者,但在本工作流中,Claude Code 和 Codex CLI 提供了更强的终端集成能力、自定义命令(Custom Commands)以及对最新模型的原生支持,更适合这种以 CLI 为中心的开发模式。
第一阶段:构建项目大脑(Memory Bank)
不只是写代码,我们要给 AI 构建一个”外挂大脑”,通常称为 memory-bank。这是 Vibe Coding 区别于普通 AI 编程的关键。
1. 编写设计文档 (GDD/PRD)
不要直接开始写代码。首先,将你的想法告诉 AI,让它生成一份文档。
- 游戏开发:生成
game-design-document.md(GDD)。 - 应用开发:生成
product-requirements.md(PRD)。
要点:保持文档简洁但意图明确。这是 AI 理解项目愿景的基石。
2. 确定技术栈与规则
询问 AI:“基于我的设计文档,推荐最简单但最稳健(Robust)的技术栈”,将其保存为 tech-stack.md。
然后,在终端运行 /init (Claude Code/Codex CLI)。这会初始化配置。最关键的一步是设置 “Always” 规则,强制 AI 在行动前读取上下文:
# IMPORTANT RULES (Add to .clauderc or equivalent)
# 1. 在编写任何代码前,必须阅读 memory-bank/@architecture.md
# 2. 在编写任何代码前,必须阅读 memory-bank/@game-design-document.md
# 3. 完成主要功能或里程碑后,必须更新 memory-bank/@architecture.md
# 4. 包含完整的数据库 Schema
3. 制定实施计划
让 AI 读取上述文档,生成 implementation-plan.md。这个计划必须包含:
- 细颗粒度的步骤。
- 每个步骤的验证测试(非常重要,没有测试就无法验证步骤是否完成)。
- 不包含具体代码,只包含指令。
4. 组装 Memory Bank
在项目根目录下创建一个名为 memory-bank 的文件夹,确保存放以下文件:
| 文件名 | 用途 |
|---|---|
game-design-document.md | 项目愿景与设计规范 |
tech-stack.md | 技术选型说明 |
implementation-plan.md | 逐步执行的路线图 |
progress.md | 动态更新:记录已完成的步骤 |
architecture.md | 动态更新:记录文件结构和架构决策 |
第二阶段:进入 Vibe 状态 (The Workflow)
到这一步,开发者就可以开始”指挥”AI 了。推荐安装 Superwhisper,通过语音直接与 AI 对话,体验真正的 Vibe。
1. 初始校准
启动 CLI 工具,提示:
“阅读
/memory-bank中的所有文档。implementation-plan.md清晰吗?为了确保你 100% 理解,请列出你的问题。”
回答 AI 的提问,并让它根据你的回答优化实施计划。
2. 循环开发 (The Loop)
这是日常开发的标准动作:
-
启动任务: “阅读
/memory-bank,执行实施计划的 Step 1。我会运行测试。在我验证测试通过前,不要开始 Step 2。验证通过后,更新progress.md和architecture.md。” -
计划模式 (Plan Mode): 在 Claude Code 中使用
Shift+Tab进入计划模式。让 AI 先列出它打算修改哪些文件,确认无误后再执行。 -
验证与提交: 运行测试。如果通过,提交 Git (Commit)。
-
清理上下文: 使用
/clear或/compact清理上下文,防止 Token 溢出或注意力分散。 -
下一轮循环: “阅读 memory-bank,检查 progress.md 了解进度,现在开始 Step 2…”
第三阶段:进阶与排错
遇到 Bug 怎么办?
- 回溯 (Rewind):Claude Code 提供了
/rewind命令,可以将项目回滚到上一个状态,调整提示词后重试。 - 懒人调试:安装 BrowserTools,让 AI 自动捕获浏览器控制台报错,省去复制粘贴的麻烦。
- 全局求救:如果彻底卡住,使用 RepoPrompt 或 uithub 将整个代码库打包成一个 Prompt,询问 GPT-5 或 Claude “我哪里做错了”。
提升输出质量的技巧
- 给予思考时间:在 Prompt 中加入 “Think as long as needed to get this right. I am not in a hurry.”(慢慢想,我不急)。
- 触发深度推理:对 Claude Code 使用递进式指令:
think->think hard->ultrathink。这会激活模型更深层的推理链。 - 危险模式:如果你信任 AI,可以使用
--dangerously-skip-permissions(Claude) 或--yolo(Codex) 启动,跳过繁琐的文件读写确认(仅建议在沙盒环境或有 Git 保护时使用)。
推荐工具箱
为了打造完整的产品体验,除了代码,你还需要这些 AI 工具:
- 文案撰写:Claude Opus 4.1 (文笔最好)
- 2D 素材/精灵图:ChatGPT + Nano Banana
- 背景音乐:Suno
- 音效设计:ElevenLabs
- 视频生成:Sora 2
常见问题 (FAQ)
Q: 为什么不用 Cursor?
A: Cursor 依然很优秀,但 Claude Code/Codex CLI 提供了更纯粹的 “Agent” 体验。它们在终端运行,意味着开发者可以通过 SSH 在远程服务器开发,且它们对各自最新模型(Sonnet 4.5/GPT-5)的调用优化通常优于第三方集成的 Cursor。
Q: 对于复杂的 3D 效果,AI 总是写不好。
A: 不要试图用一个 Prompt 完成复杂功能。对于复杂组件(如飞机的副翼控制),创建一个单独的 feature-implementation.md,将其拆解为 30 个微步骤。细节在于拆解。
Q: 我不懂服务器配置怎么办?
A: 在 tech-stack.md 阶段就问 AI。现在的 AI 能完美处理 Docker、Nginx 配置甚至是 K8s 部署脚本。
Vibe Coding 不仅仅是工具的叠加,它是一种相信 “AI 能够理解并执行结构化指令” 的信念。只要你的 memory-bank 足够清晰,AI 就能成为你最得力的架构师和工程师。


