在设计上点选、评论和圈画

1DesignTool 里最快的 steering 不是写出来的——是指出来的。 Comment mode 把实时预览变成批注面:⌥-click 一个元素,输入一条 笔记,pin 就落在 agent 将要编辑的那个确切节点上。

Comment mode

预览侧栏里的 Comment mode 按钮开关这个批注面。之后:

  • ⌥-hover ——高亮光标下的元素,让你在落定之前看清 pin 会落在 哪个节点上
  • ⌥-click ——在那个元素上放一个有编号的 pin
  • Draw ——在一片区域上拖过,标记一块区域而不是单个节点
  • 点击某个 pin ——打开它来写或编辑评论

pin 会进入预览旁边滑出的 Comments 面板——每条显示编号、选择器 和笔记。按钮上的计数器追踪有多少 pin 在等着。

Comment mode——预览里的 pin、带笔记的 Comments 面板和发送按钮

把笔记发给 agent

在每个 pin 上写一条评论——"收紧这个标题,最多两行"、"它应该感觉是 次要的"——然后点击 Send N new comments to agent。笔记折叠进 下一轮,附着在确切的元素上,所以 agent 编辑的是你所指的那个节点, 而不是它猜的那个。

某个 pin 已经解决了?只发新的——面板统计的是未发送的笔记。修复 落地后,resolve 或清掉 pin,免得下一轮还在读过期的标记。

⌥-click 一个标题,写下评论,发给 agent。

什么是好评论

规则和好 brief 一样,只是更小:说变化,不说机制。"让它感觉次要" 胜过"缩到 14px #999"——token 归 design kit 管,一致地应用一个方向 胜过和系统其余部分打架的数值。一个 pin 一件事;两样不对就放两个 pin。

Tip: 修复是关于间距或对齐时,圈画那片区域而不是点选一个 节点——标记的区域靠元素所在的位置告诉 agent 你指哪些,比选择器 更能扛住含糊的标记结构。

pin 存在哪里

pin 附着于项目的状态,不是转瞬即逝的预览——它们活过修复它们的那 次 run,并在解决之前出现在每份后续 brief 里。删除项目会连带清掉 它们;恢复一个更早的状态会带回那个状态的 pin。

相关阅读