Skip to content

用 Design Mode 修复 UI Bug ​

Design Mode 把"那个按钮看起来不对" → "修复提交"的循环压缩到一分钟以内。

步骤 ​

  1. 打开该 worktree 的浏览器 窗格。导航到出现缺陷的页面。
  2. 开启 Design Mode。
  3. 点击有问题的元素。它会作为一个富附件落入 agent 对话中。
  4. 输入你想要修复的内容:"this padding is too tight, increase to match the cards above."
  5. agent 编辑源代码。热重载刷新浏览器。
  6. 再次点击该元素进行验证——如果仍然不对,就重复。
  7. 当它正确时,提交。

为什么快 ​

无需截图、无需在 DOM 中搜寻、无需复制选择器。agent 获得的是 HTML、计算后的 CSS,以及你所指向的确切元素的裁剪图像——正是一位人类审查者会想要的上下文。

DevAgent 桌面客户端文档