# Vibe-Coding-Practical-Handbook
**Repository Path**: joytion/vibe-coding-practical-handbook
## Basic Information
- **Project Name**: Vibe-Coding-Practical-Handbook
- **Description**: Vibe Coding 入门到项目实战:从网页对话到本地 Agent、MCP、Skills 与 Harness Engineering
- **Primary Language**: Unknown
- **License**: CC-BY-4.0
- **Default Branch**: main
- **Homepage**: https://vibecoding.joytion.cn
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-29
- **Last Updated**: 2026-04-30
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Vibe Coding 实战手册
> 面向刚接触 Vibe Coding、还没形成完整方法的人。
> 会编程、会 Linux / 终端 / Git 会更快;暂时不会也可以读。读完后,你应该知道哪些基础要补、为什么补,以及怎样把 [Claude Code](https://github.com/anthropics/claude-code)、[Codex](https://github.com/openai/codex)、[OpenCode](https://github.com/anomalyco/opencode)、[MCP](https://github.com/modelcontextprotocol)、[skills](https://agentskills.io/) 和 Harness Engineering 放进真实仓库,用证据判断任务是否完成。
- 在线文档:[https://vibecoding.joytion.cn](https://vibecoding.joytion.cn)
- 仓库同步发布:[GitHub](https://github.com/FidStyle/Vibe-Coding-Practical-Handbook) / [Gitee](https://gitee.com/joytion/Vibe-Coding-Practical-Handbook)
- Friend link: [LINUX DO](https://linux.do)
---
## 这本手册解决什么
很多人第一次接触 Vibe Coding,是从 ChatGPT、Claude、Gemini、Cursor、Trae 或 Windsurf 写代码片段开始。常见阻碍通常不在“模型会不会写”,而在下面这些地方:
- AI 不知道项目结构,只能靠你复制粘贴。
- prompt 看起来清楚,但一改多文件就开始偏。
- 每次都要重复告诉 AI 测试命令、目录约定、代码风格。
- 网页对话能给建议,但不能自己读本地仓库、跑测试、看 diff。
- MCP、[skills](https://agentskills.io/)、AGENTS.md、CLAUDE.md、[Trellis](https://github.com/mindfold-ai/trellis)、[CCG](https://github.com/fengshao1227/ccg-workflow) 都听过,却不知道该补哪一层。
- 长任务做到一半上下文超出窗口,重新开会话又要从头解释。
这本手册不把工具排成总榜。它沿着一条线讲:怎样把一次聊天,变成一套可验证、可复用、可恢复的开发系统。
```mermaid
flowchart TD
A[网页对话] --> B[Prompt Engineering]
B --> C[Context Engineering]
C --> D[本地 TUI Agent]
D --> E[MCP / skills]
E --> F[Harness Engineering]
F --> G[可验证 / 可复用 / 可恢复的开发系统]
```
---
## 全书结构
先读 0 到 2 章,确认自己卡在任务表达、项目上下文,还是执行系统。再用 3 到 5 章跑通本地 Agent 闭环。第 6 章再谈 harness,因为没有任务、上下文和验证习惯时,过早搭复杂框架只会制造新噪音。
```mermaid
flowchart LR
A["0-2
定义任务与上下文"] --> B["3-5
本地执行与工具扩展"]
B --> C["6
Harness 系统治理"]
C --> D["7-8
实战路径与实用做法"]
D --> E["9
开发系统收束"]
```
全书按五段读:
| 段落 | 章节 | 读完应得到什么 |
|---|---|---|
| 起点 | 0-1 | 读者定位、网页对话边界、任务交接卡 |
| 方法层 | 2 | Prompt、Context、Harness 的升级判断 |
| 执行层 | 3-5 | 本地 Agent 闭环、工具选型、MCP 与 skills |
| 系统层 | 6 | Harness 分层、框架路线、长任务治理 |
| 交付层 | 7-9 | 练习路径、执行清单、项目模板 |
不要把不同定位的工具放进同一张榜。[Claude Code](https://github.com/anthropics/claude-code) / [Codex](https://github.com/openai/codex) / [OpenCode](https://github.com/anomalyco/opencode) 是并列的本地 Agent;`网页对话 -> Prompt -> Context -> Harness` 是能力升级路径;[OpenSpec](https://github.com/Fission-AI/OpenSpec) / [Superpowers](https://github.com/obra/superpowers) / [GSD](https://github.com/gsd-build/get-shit-done) / [OMC](https://github.com/Yeachan-Heo/oh-my-claudecode) / [ECC](https://github.com/affaan-m/everything-claude-code) / [Trellis](https://github.com/mindfold-ai/trellis) 补的是 Harness 的不同层。
工具进入手册时,必须说明它补的是需求对齐、上下文治理、执行纪律、并行协作、验证,还是长期记忆。不能说明位置的工具,只会增加选择成本。
## 三种读法
| 你现在的状态 | 读法 | 停止点 |
|---|---|---|
| 还停在网页聊天 | 先读 0、1、2,再用 3.7 跑第一次本地任务 | 能写出任务交接卡,并让本地 Agent 交付一个小 diff |
| 已经会用本地 Agent | 读 3、4、5、8,补齐 loop、选型、MCP、skills 和审查清单 | 每次任务都有计划、验证记录和 diff 审查 |
| 要做长任务或团队协作 | 读 6、7、9,再回到 8 拿执行模板 | 仓库里有任务目录、规则文件、验证记录和交接摘要 |
阅读时区分两种关系:递进章节按编号读,后面的内容依赖前面的能力;并列工具按任务缺口选,不强行排第一第二。
---
## 模块目录
README 只维护模块入口,子章节目录由各章 `index.md` 负责。这样可以避免同一份目录在多处重复维护。
| 模块 | 入口 | 单一职责 |
|---|---|---|
| 0. 起步与定位 | [0-start-here/index.md](0-start-here/index.md) | 确认读者位置、基本定义、学习路线和环境准备 |
| 1. 网页对话 | [1-web-chat/index.md](1-web-chat/index.md) | 把网页聊天压成可交接的任务说明 |
| 2. 三层工程方法 | [2-engineering-layers/index.md](2-engineering-layers/index.md) | 区分 prompt、context、harness 的职责和升级信号 |
| 3. 本地 Agent | [3-local-agents/index.md](3-local-agents/index.md) | 跑通 Claude Code / Codex / OpenCode 的共通执行闭环 |
| 4. 工具选型 | [4-tool-selection/index.md](4-tool-selection/index.md) | 按任务形态选择编辑器 Agent、本地 Agent 或辅助工具 |
| 5. MCP 与 skills | [5-mcp-skills/index.md](5-mcp-skills/index.md) | 区分工具接口和流程资产,并建立最小扩展栈 |
| 6. Harness Engineering | [6-harness-engineering/index.md](6-harness-engineering/index.md) | 设计任务、上下文、工具、验证、恢复和记忆层 |
| 7. 实战路径 | [7-practice-paths/index.md](7-practice-paths/index.md) | 用具体项目练完整 loop |
| 8. 实用做法 | [8-best-practices/index.md](8-best-practices/index.md) | 提供任务执行、检查、提示词和审查标准 |
| 9. 开发系统 | [9-development-system/index.md](9-development-system/index.md) | 把规则、模板、验证和交接收束成项目系统 |
| 99. 公开资料 | [99-references/index.md](99-references/index.md) | 提供官方文档和延伸阅读入口 |
---
## 开源协议与贡献
这个仓库是文档型项目。除特别说明外,正文、图示、示例和模板按 [CC BY 4.0](LICENSE) 发布。转载或引用时,请保留标题、仓库链接和许可证说明;第三方项目名称、商标和外部链接仍归各自权利人。
想修内容、补链接或补真实实践,请先看 [CONTRIBUTING.md](CONTRIBUTING.md)。协作讨论遵守 [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md);敏感信息、危险链接或示例命令风险按 [SECURITY.md](SECURITY.md) 处理;普通问题和支持边界见 [SUPPORT.md](SUPPORT.md)。