vibe-coding-cn

--- ## 🖼️ 概览 **Vibe Coding** 是一个与 AI 结对编程的终极工作流程，旨在帮助开发者丝滑地将想法变为现实。本指南详细介绍了从项目构思、技术选型、实施规划到具体开发、调试和扩展的全过程，强调以**规划驱动**和**模块化**为核心，避免让 AI 失控导致项目混乱。 > **核心理念**: *规划就是一切。* 谨慎让 AI 自主规划，否则你的代码库会变成一团无法管理的乱麻。 **注意**：以下经验分享并非普遍适用，请在具体实践中结合场景，辩证采纳。 ## 🔑 元方法论 (Meta-Methodology) 该思想的核心是构建一个能够**自我优化**的 AI 系统。其递归本质可分解为以下步骤： > 延伸阅读：[A Formalization of Recursive Self-Optimizing Generative Systems](./i18n/zh/documents/Methodology%20and%20Principles/A%20Formalization%20of%20Recursive%20Self-Optimizing%20Generative%20Systems.md) #### 1. 定义核心角色： * **α-提示词 (生成器)**: 一个“母体”提示词，其唯一职责是**生成**其他提示词或技能。 * **Ω-提示词 (优化器)**: 另一个“母体”提示词，其唯一职责是**优化**其他提示词或技能。 #### 2. 描述递归的生命周期： 1. **创生 (Bootstrap)**: * 使用 AI 生成 `α-提示词` 和 `Ω-提示词` 的初始版本 (v1)。 2. **自省与进化 (Self-Correction & Evolution)**: * 使用 `Ω-提示词 (v1)` **优化** `α-提示词 (v1)`，从而得到一个更强大的 `α-提示词 (v2)`。 3. **创造 (Generation)**: * 使用**进化后的** `α-提示词 (v2)` 生成所有需要的目标提示词和技能。 4. **循环与飞跃 (Recursive Loop)**: * 将新生成的、更强大的产物（甚至包括新版本的 `Ω-提示词`）反馈给系统，再次用于优化 `α-提示词`，从而启动持续进化。 #### 3. 终极目标： 通过此持续的**递归优化循环**，系统在每次迭代中实现**自我超越**，无限逼近预设的**预期状态**。 ## 🧭 道 * **凡是 ai 能做的，就不要人工做** * **一切问题问 ai** * **目的主导：开发过程中的一切动作围绕"目的"展开** * **上下文是 vibe coding 的第一性要素，垃圾进，垃圾出** * **系统性思考，实体，链接，功能/目的，三个维度** * **数据与函数即是编程的一切** * **输入，处理，输出刻画整个过程** * **多问 ai 是什么？，为什么？，怎么做？** * **先结构，后代码，一定要规划好框架，不然后面技术债还不完** * **奥卡姆剃刀定理，如无必要，勿增代码** * **帕累托法则，关注重要的那20%** * **逆向思考，先明确你的需求，从需求逆向构建代码** * **重复，多试几次，实在不行重新开个窗口，** * **专注，极致的专注可以击穿代码，一次只做一件事（神人除外）** ## 🧩 法 * **一句话目标 + 非目标** * **正交性，功能不要太重复了，（这个分场景）** * **能抄不写，不重复造轮子，先问 ai 有没有合适的仓库，下载下来改** * **一定要看官方文档，先把官方文档爬下来喂给 ai** * **按职责拆模块** * **接口先行，实现后补** * **一次只改一个模块** * **文档即上下文，不是事后补** ## 🛠️ 术 * 明确写清：**能改什么，不能改什么** * Debug 只给：**预期 vs 实际 + 最小复现** * 测试可交给 AI，**断言人审** * 代码一多就**切会话** ## 📋 器 ### 集成开发环境 (IDE) & 终端 * [**Visual Studio Code**](https://code.visualstudio.com/): 一款功能强大的集成开发环境，适合代码阅读与手动修改。其 `Local History` 插件对项目版本管理尤为便捷。 * **虚拟环境 (.venv)**: 强烈推荐使用，可实现项目环境的一键配置与隔离，特别适用于 Python 开发。 * [**Cursor**](https://cursor.com/): 已经占领用户心智高地，人尽皆知。 * [**Warp**](https://www.warp.dev/): 集成 AI 功能的现代化终端，能有效提升命令行操作和错误排查的效率。 * [**Neovim (nvim)**](https://github.com/neovim/neovim): 一款高性能的现代化 Vim 编辑器，拥有丰富的插件生态，是键盘流开发者的首选。 * [**LazyVim**](https://github.com/LazyVim/LazyVim): 基于 Neovim 的配置框架，预置了 LSP、代码补全、调试等全套功能，实现了开箱即用与深度定制的平衡。 ### AI 模型 & 服务 * [**Claude Opus 4.5**](https://claude.ai/new): 性能强大的 AI 模型，通过 Claude Code 等平台提供服务，并支持 CLI 和 IDE 插件。 * [**gpt-5.1-codex.1-codex (xhigh)**](https://chatgpt.com/codex/): 适用于处理大型项目和复杂逻辑的 AI 模型，可通过 Codex CLI 等平台使用。 * [**Droid**](https://factory.ai/news/terminal-bench): 提供对 Claude Opus 4.5 等多种模型的 CLI 访问。 * [**Kiro**](https://kiro.dev/): 目前提供免费的 Claude Opus 4.5 模型访问，并提供客户端及 CLI 工具。 * [**Gemini CLI**](https://geminicli.com/): 提供对 Gemini 模型的免费访问，适合执行脚本、整理文档和探索思路。 * [**antigravity**](https://antigravity.google/): 目前由 Google 提供的免费 AI 服务，支持使用 Claude Opus 4.5 和 Gemini 3.0 Pro。 * [**AI Studio**](https://aistudio.google.com/prompts/new_chat): Google 提供的免费服务，支持使用 Gemini 3.0 Pro 和 Nano Banana。 * [**Gemini Enterprise**](https://cloud.google.com/gemini-enterprise): 面向企业用户的 Google AI 服务，目前可以免费使用。 * [**GitHub Copilot**](https://github.com/copilot): 由 GitHub 和 OpenAI 联合开发的 AI 代码补全工具。 * [**Kimi K2**](https://www.kimi.com/): 一款国产 AI 模型，适用于多种常规任务。 * [**GLM**](https://bigmodel.cn/): 由智谱 AI 开发的国产大语言模型。 * [**Qwen**](https://qwenlm.github.io/qwen-code-docs/zh/cli/): 由阿里巴巴开发的 AI 模型，其 CLI 工具提供免费使用额度。 ### 开发与辅助工具 * [**Augment**](https://app.augmentcode.com/): 提供强大的上下文引擎和提示词优化功能。 * [**Windsurf**](https://windsurf.com/): 为新用户提供免费额度的 AI 开发工具。 * [**Ollama**](https://ollama.com/): 本地大模型管理工具，可通过命令行方便地拉取和运行开源模型。 * [**Mermaid Chart**](https://www.mermaidchart.com/): 用于将文本描述转换为架构图、序列图等可视化图表。 * [**NotebookLM**](https://notebooklm.google.com/): 一款用于 AI 解读资料、音频和生成思维导图的工具。 * [**Zread**](https://zread.ai/): AI 驱动的 GitHub 仓库阅读工具，有助于快速理解项目代码。 * [**tmux**](https://github.com/tmux/tmux): 强大的终端复用工具，支持会话保持、分屏和后台任务，是服务器与多项目开发的理想选择。 * [**DBeaver**](https://dbeaver.io/): 一款通用数据库管理客户端，支持多种数据库，功能全面。 ### 资源与模板 * [**提示词库 (在线表格)**](https://docs.google.com/spreadsheets/d/1ngoQOhJqdguwNAilCl1joNwTje7FWWN9WiI2bo5VhpU/edit?gid=2093180351#gid=2093180351&range=A1): 一个包含大量可直接复制使用的各类提示词的在线表格。 * [**第三方系统提示词学习库**](https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools): 用于学习和参考其他 AI 工具的系统提示词。 * [**Skills 制作器**](https://github.com/yusufkaraaslan/Skill_Seekers): 可根据需求生成定制化 Skills 的工具。 * [**元提示词**](https://docs.google.com/spreadsheets/d/1ngoQOhJqdguwNAilCl1joNwTje7FWWN9WiI2bo5VhpU/edit?gid=1770874220#gid=1770874220): 用于生成提示词的高级提示词。 * [**通用项目架构模板**](./i18n/zh/documents/Templates%20and%20Resources/通用项目架构模板.md): 可用于快速搭建标准化的项目目录结构。 * [**元技能：Skills 的 Skills**](./i18n/zh/skills/claude-skills/SKILL.md): 用于生成 Skills 的元技能。 * [**tmux快捷键大全**](./i18n/zh/documents/Tutorials%20and%20Guides/tmux快捷键大全.md): tmux 的快捷键参考文档。 * [**LazyVim快捷键大全**](./i18n/zh/documents/Tutorials%20and%20Guides/LazyVim快捷键大全.md): LazyVim 的快捷键参考文档。 * [**二哥的Java进阶之路**](https://javabetter.cn/): 包含多种开发工具的详细配置教程。 * [**虚拟卡**](https://www.bybit.com/cards/?ref=YDGAVPN&source=applet_invite): 可用于注册云服务等需要国际支付的场景。 --- ## 编码模型性能分级参考 建议只选择第一梯队模型处理复杂任务，以确保最佳效果与效率。 * **第一梯队**: `codex-5.1-max-xhigh`, `claude-opus-4.5-xhigh`, `gpt-5.2-xhigh` * **第二梯队**: `claude-sonnet-4.5`, `kimi-k2-thinking`, `minimax-m2`, `glm-4.6`, `gemini-3.0-pro`, `gemini-2.5-pro` * **第三梯队**: `qwen3`, `SWE`, `grok4` --- ## 📚 相关文档与资源 * **交流社区**: * [Telegram 交流群](https://t.me/glue_coding) * [Telegram 频道](https://t.me/tradecat_ai_channel) * **个人分享**: * [我的学习经验](./i18n/zh/documents/Methodology%20and%20Principles/学习经验.md) * [编程书籍推荐](./i18n/zh/documents/Templates%20and%20Resources/编程书籍推荐.md) * **核心资源**: * [**元提示词库**](https://docs.google.com/spreadsheets/d/1ngoQOhJqdguwNAilCl1joNwTje7FWWN9WiI2bo5VhpU/edit?gid=1770874220#gid=1770874220): 用于生成提示词的高级提示词集合。 * [**元技能 (Meta-Skill)**](./i18n/zh/skills/claude-skills/SKILL.md): 用于生成 Skills 的 Skill。 * [**技能库 (Skills)**](./i18n/zh/skills): 可直接集成的模块化技能仓库。 * [**技能生成器**](https://github.com/yusufkaraaslan/Skill_Seekers): 将任何资料转化为 Agent 可用技能的工具。 * [**在线提示词数据库**](https://docs.google.com/spreadsheets/d/1ngoQOhJqdguwNAilCl1joNwTje7FWWN9WiI2bo5VhpU/edit?gid=2093180351#gid=2093180351&range=A1): 包含数百个适用于各场景的用户及系统提示词的在线表格。 * [**第三方系统提示词仓库**](https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools): 汇集了多种 AI 工具的系统提示词。 * **项目内部文档**: * [**prompts-library 工具说明**](./libs/external/prompts-library/): 该工具支持在 Excel 和 Markdown 格式之间转换提示词，并包含数百个精选提示词。 * [**coding_prompts 集合**](./i18n/zh/prompts/coding_prompts/): 适用于 Vibe Coding 流程的专用提示词。 * [**系统提示词构建原则**](./i18n/zh/documents/Methodology%20and%20Principles/系统提示词构建原则.md): 关于如何构建高效、可靠的 AI 系统提示词的综合指南。 * [**开发经验总结**](./i18n/zh/documents/Methodology%20and%20Principles/开发经验.md): 包含变量命名、文件结构、编码规范、架构原则等实践经验。 * [**通用项目架构模板**](./i18n/zh/documents/Templates%20and%20Resources/通用项目架构模板.md): 提供多种项目类型的标准目录结构与最佳实践。 * [**Augment MCP 配置文档**](./i18n/zh/documents/Tutorials%20and%20Guides/auggie-mcp配置文档.md): Augment 上下文引擎的详细配置说明。 * [**system_prompts 集合**](./i18n/zh/prompts/system_prompts/): 用于指导 AI 开发的系统提示词，包含多个版本的开发规范与思维框架。 --- ### 项目目录结构概览 本项目 `vibe-coding-cn` 的核心结构主要围绕知识管理、AI 提示词的组织与自动化展开。以下是经过整理和简化的目录树及各部分说明： ``` … ``` --- ## 🖼️ 概览与演示 一句话：Vibe Coding = **规划驱动 + 上下文固定 + AI 结对执行**，让「从想法到可维护代码」变成一条可审计的流水线，而不是一团无法迭代的巨石文件。 **你能得到** - 成体系的提示词工具链：`i18n/zh/prompts/system_prompts/` 约束 AI 行为边界，`i18n/zh/prompts/coding_prompts/` 提供需求澄清、计划、执行的全链路脚本。 - 闭环交付路径：需求 → 上下文文档 → 实施计划 → 分步实现 → 自测 → 进度记录，全程可复盘、可移交。 ## ⚙️ 架构与工作流程 核心资产映射： ``` i18n/zh/prompts/ coding_prompts/ # 需求澄清、计划、执行链的核心提示词 system_prompts/ # 约束 AI 行为边界的系统级提示词 assistant_prompts/ # 辅助/配合型提示 user_prompts/ # 可复用的用户侧提示词 i18n/zh/documents/ Templates and Resources/代码组织.md, Templates and Resources/通用项目架构模板.md, Methodology and Principles/开发经验.md, Methodology and Principles/系统提示词构建原则.md 等知识库 backups/ 一键备份.sh, 快速备份.py # 本地/远端快照脚本 ``` ``` … ``` --- 📈 性能基准 (可选) 本仓库定位为「流程与提示词」而非性能型代码库，建议跟踪下列可观测指标（当前主要依赖人工记录，可在 `progress.md` 中打分/留痕）： | 指标 | 含义 | 当前状态/建议 | |:---|:---|:---| | 提示命中率 | 一次生成即满足验收的比例 | 待记录；每个任务完成后在 progress.md 记 0/1 | | 周转时间 | 需求 → 首个可运行版本所需时间 | 录屏时标注时间戳，或用 CLI 定时器统计 | | 变更可复盘度 | 是否同步更新上下文/进度/备份 | 通过手工更新；可在 backups 脚本中加入 git tag/快照 | | 例程覆盖 | 是否有最小可运行示例/测试 | 建议每个示例项目保留 README+测试用例 | --- ## 🗺️ 路线图 ```mermaid gantt title 项目发展路线图 dateFormat YYYY-MM section 近期 (2025) 补全演示GIF与示例项目: active, 2025-12, 15d prompts 索引自动生成脚本: 2025-12, 10d section 中期 (2026 Q1) 一键演示/验证 CLI 工作流: 2026-01, 15d 备份脚本增加快照与校验: 2026-01, 10d section 远期 (2026 Q1-Q2) 模板化示例项目集: 2026-02, 20d 多模型对比与评估基线: 2026-02, 20d ``` --- ## 🚀 入门指南（这里是原作者的，不是我写的，我更新了一下我认为最好的模型） 要开始 Vibe Coding，你只需要以下两种工具之一： - **Claude Opus 4.5**，在 Claude Code 中使用 - **gpt-5.1-codex.1-codex (xhigh)**，在 Codex CLI 中使用 本指南同时适用于 CLI 终端版本和 VSCode 扩展版本（Codex 和 Claude Code 都有扩展，且界面更新）。 *(注：本指南早期版本使用的是 **Grok 3**，后来切换到 **Gemini 2.5 Pro**，现在我们使用的是 **Claude 4.5**（或 **gpt-5.1-codex.1-codex (xhigh)**）)* *(注2：如果你想使用 Cursor，请查看本指南的 [1.1 版本](https://github.com/EnzeD/vibe-coding/tree/1.1.1)，但我们认为它目前不如 Codex CLI 或 Claude Code 强大)* --- ⚙️ 完整设置流程 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](https://superwhisper.com)，用语音随便跟 Claude 或 gpt-5.1-codex 聊天，不用打字。 工作流