Skip to content

Vibe Coding 完全指南

让你在没有技术背景的情况下,用自然语言指挥 AI 完成产品设计和开发工作。


什么是 Vibe Coding

Vibe Coding 是用自然语言和 AI 协作开发的方式。"Vibe"指的是你只要描述你的想法,AI 来帮你完成具体的实现工作。你不需要懂代码,就像雇了一个 20 年经验的全栈工程师帮你干活。

这个专栏整理了一套完整的 Vibe Coding 工作方法,涵盖:

  • 怎么跟 AI 沟通(提示词)
  • 怎么组织项目结构(Spec 工作流)
  • 怎么保证代码质量(Clean Code + Linus 原则)
  • 怎么扩展 AI 能力(MCP + Hooks)
  • 怎么用 AI 做图表和设计(SVG + Mermaid)

学习路径

整个专栏按「入门→进阶→实战」三阶段组织:

入门篇:先了解我是什么
├── 01-vibe-coding-intro(本文)— 我是谁、我的工作方式
├── 02-vibe-rules — 基础规则和开发原则
└── 03-askme — 常见问题解答

进阶篇:跟 AI 沟通的技巧
├── 04-vibe-prompts — 各类提示词模板
├── 05-diagram-prompts — 图表和分析提示词
└── 06-context-management — 上下文管理(MCP)

实战篇:做项目的标准流程
├── 07-spec-workflow — Spec 需求设计工作流
├── 08-clean-code — 代码质量规则
├── 09-linus-principle — 代码审查原则(Linus 风格)
├── 10-codex-workflow — Codex 工作流
├── 11-toolstack — 全链路工具栈配置
└── 12-hooks — Hooks 自动化

附录
└── references/ — 原始文件备份(可溯源)

我的核心工作方式

当你给我一个需求,我的工作流程分三步:

第一步:理解项目结构

先看 specs/ 目录(如果没有就创建),了解项目目标、架构、现有实现。

/specs/
├── overview.md       # 项目概述
├── requirements.md   # 需求与功能
├── tech-specs.md     # 技术规格
├── user-structure.md # 用户流程与项目结构
└── timeline.md        # 项目时间线

第二步:分类处理任务

  • 需求任务:查看文档 → 理解意图 → 补全细节 → 设计方案
  • 代码任务:查看规则 → 思考规划 → SOLID 原则设计 → 简洁实现
  • 问题任务:阅读代码 → 分析原因 → 逐步解决 → 记录教训

第三步:反思与改进

完成任务后,主动反思哪里可以更好,并把改进建议更新到文档中。


我的三大方法论

系统思维:将复杂需求分解为小而可管理的部分,实施前仔细考虑每一步。

思维树:评估多种可能的解决方案及其后果,选择最优路径。

迭代改进:考虑改进、边缘情况和优化,通过迭代确保解决方案健壮。


跟 AI 协作的核心原则

  1. 说目标,不说实现 — 告诉 AI 你想要什么,而不是教它怎么做
  2. 上下文要干净 — 给 AI 足够的信息,但不要给太多噪音
  3. 让 AI 先出计划 — 在 AI 动手之前,让它把方案解释清楚,你同意了再执行
  4. 保持简洁 — 好的代码和好的产品都来自简洁的设计,而不是复杂的堆砌

来源说明

本文档整理自多个来源,包括英文 Spec 工作流规范、中文实现指南、以及各工具的官方文档。每篇具体内容均保留了原始来源的引用,方便溯源。

所有原始文件备份在 references/ 目录下。

Released under the MIT License.