单纯的vibe code前端怎么样才能精确控制修改？

问题描述：

用的antigravity写前端，遇到这个问题不知道如何处理。请教各位佬友

网友解答：

---

--【壹】--：

使用浏览器的mcp呀

---

--【贰】--：

用科学、工程化的软件开发步骤从PRD、TRD、单测、代码开发、review、test一步步来

---

--【叁】--：

用谷歌自己家的sitch或者别家的pencel 都可以指哪儿改哪儿

---

--【肆】--：

antigravity不好用，一般来说从figma就开始打基底了。
流程大概是figma（figma maker） → design token → 通用响应式规范 → 布局约束 → 通用样式规范(比如说列表、卡片、按钮的min-width、min-height、padding的约束，标题和正文是否允许换行、最多几行、超出后是裁切还是生省略号还是撑高容器……等等这方面的约束） → 通用组件 → 出页面 → screenshot diff / visual regression参考figma设计稿进行回归验证。

不允许整页直接生成，而是按照component → section → page一步步来。
不允许自己写死颜色，字号之类样式，一定要遵循design token已有的规范。
非必要不允许自己发明新的组件，按照现有组件库来，如果有问题则询问你让你做决定。

把这些基建建好，你才有较为精确地还原设计稿的条件，而且还是会有可能遇到容器重叠，字体超出容器的问题，这点就需要边做边改。

---

--【伍】--：

思路清晰，学习了！

---

--【陆】--：

可以试试openspec之类的工具

---

--【柒】--：

首先你得知道问题在哪，才能告诉AI你想要修改哪个位置。我觉得这样是最精准的