SRC-DEV-003：Vibe Coding 从入门到精通（中文工作流仓库）
来源说明
这是一个持续维护的中文 Vibe Coding 教程仓库，由 TradeCat Labs 及社区贡献者在 GitHub 上整理发布。收录时仓库页面明确显示它 fork 自 EnzeD 的 vibe-coding 项目，并在中文社区中继续翻译、整理和扩展。内容覆盖 Claude Code 与 Codex CLI 等 coding agent，从需求规划、技术选择和任务拆解，到编码、测试、部署、回滚和卡壳恢复。
来源同时是一条 GitHub 二创证据：维护者没有把上游内容冒充原创，而是保留 fork 来源并在其上增加中文工作流、案例和工具说明。适合用来说明如何合法、可追溯地复用开源教程，再根据本地用户需求继续维护。
内容要点
仓库把 Vibe Coding 描述为一套可以分阶段推进的开发流程。开始前先把想法写清楚，确认目标用户、核心功能和非目标；随后让 Agent 生成需求、架构和实施计划。实现时每次只推进一个可验证步骤，并把计划、进度、产品背景和系统模式保存在 memory bank 文件中，使新会话能够恢复上下文。
教程给出了具体的错误处理方法。JavaScript 错误应从浏览器控制台复制；视觉问题可用截图反馈；Agent 跑偏时使用 Git 或工具自带的回退能力；问题严重时先保存进度、重新开会话，或把仓库交给另一个模型做独立分析。它也强调测试、部署前检查、环境变量管理和文档更新。
仓库同时提到一些跳过确认或扩大权限的启动方式。它们可以提高速度，但会增加误删文件、执行危险命令或泄露凭证的风险，因此更适合作为风险说明，而不是新手默认操作。
实际操作过程
来源笔记中记录了仓库建议的 7 步流程：
- 从问题、用户和最小结果开始，避免第一轮就堆叠功能。
- 让 Agent 先提问并生成计划，再确认技术栈和实施顺序。
- 用 memory bank 保存产品背景、架构、当前任务和进度。
- 每完成一个小步骤就测试，出现错误时提供控制台、日志或截图证据。
- 用 Git 提交和回滚控制 Agent 的修改范围。
- 部署前检查环境变量、安全配置、构建结果和文档。
- 卡壳时保存状态、缩小问题、换会话或让第二模型独立诊断。
输入与产物
- 输入：一个产品想法、项目背景、可选择的 coding agent，以及可持续保存的计划和进度文件。
- 输出：需求文档、技术方案、任务清单、实现代码、测试记录、部署结果和可恢复的项目上下文。
- 适用对象：使用 Claude Code、Codex CLI 或同类 Agent 做个人产品，希望减少失控、返工和上下文丢失的人。
可生成的关系
- 任务：把产品想法拆成开发计划；让 coding agent 记住跨会话项目状态；修复 AI 生成页面的视觉错误；把 Vibe Coding 项目部署上线。
- 案例：在 GitHub 上 fork 并中文化一套 Vibe Coding 教程。
- 创作者：TradeCat Labs、上游作者 EnzeD 及贡献者。
- 工具：Claude Code、Codex CLI、Git、浏览器控制台。
- 方法：memory bank、小步验证、截图反馈、Git 回滚、第二模型诊断。
- 风险：危险权限模式、过时模型与命令、教程集合质量不均、把 fork 内容误认成单一作者原创。
来源边界
这是社区维护的教程集合，不是一项单独产品的完整实验记录。不同章节可能来自上游项目、翻译、社区贡献或后续扩展，生成页面时应保留作者与 fork 关系。仓库中提到的模型、参数和危险模式只代表收录时的内容；这里不确认其长期可用性，也不建议绕过安全确认。