暂无菜单项

Vibe Coding 指南:AI 编程指南与提示词库,AI 辅助编程的标准化工作流

发布于 更新于
181

阿喵前言

用 AI 辅助编程现在已经很盛行了,大家或多或少都会用到AI去辅助写代码,甚至很多不懂编程的人也都试着用AI做出了很不错的软件和项目。那如何更好的Vibe Coding呢?今天给大家分享一个项目Vibe Coding 指南

项目介绍

Vibe Coding 指南 是一个专注于 AI 结对编程的标准化工作流指南与提示词库。项目的核心思想是“规划就是一切”。它不依赖特定的某一款 IDE,而是通过在本地建立一套标准化的文档和规则(记忆库),给大语言模型(如 Claude Opus、GPT-5 等)戴上“紧箍咒”,从而将其打造成一个听话、严谨、可审计的开发助手。

截图演示

完整设置流程

  1. 游戏设计文档(Game Design Document)
    • 把你的游戏创意交给 gpt-5.1-codex 或 Claude Opus 4.5,让它生成一份简洁的 游戏设计文档,格式为 Markdown,文件名为 game-design-document.md。
    • 自己审阅并完善,确保与你的愿景一致。初期可以很简陋,目标是给 AI 提供游戏结构和意图的上下文。不要过度设计,后续会迭代。
  2. 技术栈与 CLAUDE.md / Agents.md
    • 让 gpt-5.1-codex 或 Claude Opus 4.5 为你的游戏推荐最合适的技术栈(例如:多人3D游戏用 ThreeJS + WebSocket),保存为 tech-stack.md。
    ◦ 要求它提出 最简单但最健壮 的技术栈。
    • 在终端中打开 Claude Code 或 Codex CLI,使用 /init 命令,它会读取你已创建的两个 .md 文件,生成一套规则来正确引导大模型。
    • 关键:一定要审查生成的规则。 确保规则强调 模块化(多文件)和禁止 单体巨文件(monolith)。可能需要手动修改或补充规则。
    ◦ 极其重要: 某些规则必须设为 “Always”(始终应用),确保 AI 在生成任何代码前都强制阅读。例如添加以下规则并标记为 “Always”:# 重要提示:
    ◦ # 写任何代码前必须完整阅读 memory-bank/@architecture.md(包含完整数据库结构)
    ◦ # 写任何代码前必须完整阅读 memory-bank/@game-design-document.md
    ◦ # 每完成一个重大功能或里程碑后,必须更新 memory-bank/@architecture.md
    ◦ 



    ◦ 其他(非 Always)规则要引导 AI 遵循你技术栈的最佳实践(如网络、状态管理等)。
    ◦ 如果想要代码最干净、项目最优化,这一整套规则设置是强制性的。
  3. 实施计划(Implementation Plan)
    • 将以下内容提供给 gpt-5.1-codex 或 Claude Opus 4.5:
    ◦ 游戏设计文档(game-design-document.md)
    ◦ 技术栈推荐(tech-stack.md)
    • 让它生成一份详细的 实施计划(Markdown 格式),包含一系列给 AI 开发者的分步指令。
    ◦ 每一步要小而具体。
    ◦ 每一步都必须包含验证正确性的测试。
    ◦ 严禁包含代码——只写清晰、具体的指令。
    ◦ 先聚焦于 基础游戏,完整功能后面再加。
  4. 记忆库(Memory Bank)
    • 新建项目文件夹,并在 VSCode 中打开。
    • 在项目根目录下创建子文件夹 memory-bank。
    • 将以下文件放入 memory-bank:
    ◦ game-design-document.md
    ◦ tech-stack.md
    ◦ implementation-plan.md
    ◦ progress.md(新建一个空文件,用于记录已完成步骤)
    ◦ architecture.md(新建一个空文件,用于记录每个文件的作用)
    🎮 Vibe Coding 开发基础游戏
    现在进入最爽的阶段!
    确保一切清晰
    • 在 VSCode 扩展中打开 Codex 或 Claude Code,或者在项目终端启动 Claude Code / Codex CLI。
    • 提示词:阅读 /memory-bank 里所有文档,implementation-plan.md 是否完全清晰?你有哪些问题需要我澄清,让它对你来说 100% 明确?
    • 它通常会问 9-10 个问题。全部回答完后,让它根据你的回答修改 implementation-plan.md,让计划更完善。
    你的第一个实施提示词
    • 打开 Codex 或 Claude Code(扩展或终端)。
    • 提示词:阅读 /memory-bank 所有文档,然后执行实施计划的第 1 步。我会负责跑测试。在我验证测试通过前,不要开始第 2 步。验证通过后,打开 progress.md 记录你做了什么供后续开发者参考,再把新的架构洞察添加到 architecture.md 中解释每个文件的作用。
    • 永远 先用 “Ask” 模式或 “Plan Mode”(Claude Code 中按 shift+tab),确认满意后再让 AI 执行该步骤。
    • 极致 Vibe: 安装 Superwhisper,用语音随便跟 Claude 或 gpt-5.1-codex 聊天,不用打字。
    工作流
    • 完成第 1 步后:
    ◦ 把改动提交到 Git(不会用就问 AI)。
    ◦ 新建聊天(/new 或 /clear)。
    ◦ 提示词:阅读 memory-bank 所有文件,阅读 progress.md 了解之前的工作进度,然后继续实施计划第 2 步。在我验证测试前不要开始第 3 步。
    • 重复此流程,直到整个 implementation-plan.md 全部完成。

项目链接

常见问题(FAQ)

什么是 Vibe Coding?
Vibe Coding 是一种利用 AI 辅助编程的方法,强调通过标准化的工作流和提示词库,让大语言模型(如 Claude、GPT-5)按照既定规则生成代码,实现高效、可审计的开发过程。
Vibe Coding 指南的核心思想是什么?
核心思想是“规划就是一切”。通过在本地建立标准化的文档和规则(记忆库),约束 AI 的行为,使其成为听话、严谨的开发助手,不依赖特定 IDE。
如何开始使用 Vibe Coding 指南?
首先创建游戏设计文档和技术栈文档,然后使用 /init 命令生成规则,接着制定实施计划,最后建立记忆库文件夹并逐步执行计划。详细步骤可参考项目 GitHub 页面。
2
2 讨论
热门最新
总结

作为新手,跟着步骤一步步来,居然真的用 AI 做出了一个小游戏。强烈推荐给所有想尝试 AI 编程的朋友!

这个指南太实用了!之前用 AI 写代码总是跑偏,现在有了标准流程,感觉效率翻倍。特别是记忆库的概念,让 AI 能记住上下文,太棒了!

0 / 600
📅 每日打卡
点一下,今日份快乐到账~
未名
未名
未名
未名
未名
未名
邀请访问 +5 邀请注册 +50
我的打卡记录