文章
Vibecode 技巧
Loading collection...
1. 后台开发流程:
- 装superpowers
- 把需求下载为markdown
- 写一个完整的提示词, 生成技术方案, 及测试用例文档
- 技术方案评审, GPT5.5 xhigh 1轮, claude 4.6 max 1轮, amp smart 1轮
- 评审完成后开发
- 开发完成后, 按测试用例 发到测试环境测试, 符合要求后产出接口文档
- curser /review 一次代码 。
- 补充一下, 如果遇到有前端网页的场景, 我会加上做 端到端测试,可以使用mcp chrome dev tools 进行测试, 并解决测试中发现的问题。
2. 简易方案
- 先在线和GPT,Gemini讨论方案,然后挑一个觉得不错的,导出markdown
- git上面建仓库,然后clone下来,把需求文档放进去
- 在和codex说下大概要干啥,细节参考需求文档,同时限定技术栈,再和他说什么功能点用什么skill,之后就plan模式开干
- 出现了bug的时候评估下,是系统的还是局部的,局部的另开agent修复,系统的就在原来的agent上面修复
3. 找开源代码
4. 测试方法
① 开VNC, 让agent连上VNC了自己点测试
②设计图使用html生成,每一个元素都带ID,然后用这个设计图再生成实际UI,UI每一个控件事件都要对应有日志输出,弄一个测试脚本来点击测试,然后让AI看日志分析问题,修改哪里使用设计图的元素ID提问:ui 可以用 react-grab 这个项目来精确定位
③后端接口以及逻辑方面的问题:先做白盒测试 然后gui相关的 可以用脚本来做