用 Design Mode 修复 UI Bug
Design Mode 把"那个按钮看起来不对" → "修复提交"的循环压缩到一分钟以内。
步骤
- 打开该 worktree 的浏览器 窗格。导航到出现缺陷的页面。
- 开启 Design Mode。
- 点击有问题的元素。它会作为一个富附件落入 agent 对话中。
- 输入你想要修复的内容:"this padding is too tight, increase to match the cards above."
- agent 编辑源代码。热重载刷新浏览器。
- 再次点击该元素进行验证——如果仍然不对,就重复。
- 当它正确时,提交。
为什么快
无需截图、无需在 DOM 中搜寻、无需复制选择器。agent 获得的是 HTML、计算后的 CSS,以及你所指向的确切元素的裁剪图像——正是一位人类审查者会想要的上下文。