Vibe Coding

确实没有想到春节回来之后，会如此深入的进行 Vibe Coding 。

起因是因为之前的项目中采用 WebContainer 技术，一些用户提出了体验优化的需求。

每次只要用户再次进入页面都会反复执行 WebContainer 初始化 -> 安装 -> 运行全流程，非常的慢。

另一个是之前的 SSE 接口如果前端页面断开即任务结束。任务无法在后台运行等等原因。

打算将项目调整为 Docker 运行编译，能够支持后台执行任务、修改完成 Nginx 代理访问（相当于把 WebContainer 移到后台运行，而且初始化和安装只需第一次运行，后面即是修改）。

同时也提出了新的需求，希望支持 SKILL 配置新特性，再将原固定 Agent 流程换成多 Agent AI 自主识别模式，行程研发团队各个角色。

当然目前第一阶段还是打算实现产品经理、设计师、前端开发、任务规划这几个角色。

经过调研选用 LangChain 和 LangGraph 来实现，并且时间紧任务重。

相当于设计完架构后，只需要把原业务以新的架构形式进行迁移和调整（当然了，研发任务还是非常繁重的）。

为了同时适配未来的演化，所以开始使用 Claude Code 进行 Vibe Coding 。

在设计前期会比较缓慢，因为是旧项目，有很多技术债。

是一个比较难受的过程，但是经过一系列的文档、说明沉淀后，SKILL MCP Agent 的补充后。

慢慢的角色从研发转变成，操控 Claude Code 进行团队开发的产品经理角色+ 架构师的角色。

更关注需求的实现完成度、单元测试的覆盖率、整体架构设计。

而不会去过多的关注代码的实现细节，是一种更快的开发速度。

当然了，也体会到 Vibe Coding 需要建立在 token 无限的场景下，如果 token 有限用起来会相当难受。

目前还是没有摆脱的问题是，需要自行测试，需要更多的日志来辅助测试和AI修改，当然也正在尝试使用 Playwright 来进行 E2E 自动化测试。

结合 PRD 产出 Test Cases ，生成固定的 E2E 脚本进行测试（还在实践中）。