Sketch：
画出来，代理就明白你的意思
Sketch 是一块直接内置在 AI 代理输入框里的绘图画布。打开一张空白画布勾一个原型或一张图，或者打开一张截图给它加标注。圈出 bug、画一个箭头、高亮区域、加一条注释。画作被附加到你的消息并发给你的 AI 编码代理。
一图胜千言，对 AI 代理更是加倍如此。与其写「弹窗右上角的按钮离边缘太近」，不如直接把它圈起来。草图落在你的提示词旁边，代理一次就拿到视觉反馈，而你从未离开终端。
Sketch 实战：从输入框打开画布，在截图上圈出视觉 bug，附上画作，发给代理。
这就是 Sketch 要解决的问题。你正在和 AI 代理一起做 vibe coding，屏幕上有些东西看着不对。一张卡片溢出了，一个按钮偏了几个像素，某一行的间距坏了。为了让代理修它，你得用文字描述这个视觉问题。「中间一列的第二张卡片，就是带头像的那张，它右边的内边距太挤了。」你写了三句话，代理猜了一下，修错了元素，你又写三句。
Sketch 把猜测拿掉了。你截一张图，在 Sketch 画布里打开它，在坏掉的卡片周围画一个红圈，加一个箭头和「这里太挤」几个字，再把它附到你的消息上。代理不用再去理解一段文字了。它看的是画。视觉反馈毫不含糊，因为它本身就是视觉的。
Sketch 反过来也好用。从一张空白画布开始，在代理动手前就画出你想要的东西：一个屏幕的粗略原型、一个布局的线框、一段流程的快速示意图。一张手绘草图比一大段文字更能框住代理。你画出原型，代理写出代码。
从输入框打开的 Sketch 画布：标注一张截图，画出形状和箭头，再把画作附加到发给代理的消息上。
Sketch 为什么该出现在你的代理工作流里
精准。截图上的一个圆圈正好指向一个确切的元素。一句话指向的是一个猜测。当你把问题画出来，代理修的就是你真正想说的那个东西，而不是它旁边那个。再也不用「不对，是另一个按钮，它下面那个」。
速度。在一块区域周围画一个矩形要三秒钟。用文字描述同一块区域要三句话，而且这三句话仍然含糊。Sketch 把标注一个视觉 bug 从苦差变成一种反射动作。
表达。有些想法是形状，不是句子。一个布局、一段流程、一个屏幕。有了 Sketch，你直接画出原型或示意图，徒手或用形状和箭头，把画作作为规格交给代理。
顺畅。Sketch 就活在输入框里。你不用打开单独的绘图应用，不用导出文件，不用拖来拖去。画作和你写的提示词一起装进同一条消息，于是代理一次就拿到完整上下文。
Sketch 如何运作，从头到尾
从输入框里的 Sketch 按钮，到一张附在代理消息上的画作。
从输入框打开 Sketch
每个代理输入框都有一个 Sketch 按钮。点一下，一块全屏绘图画布就打开，随时可用，矩形工具已经激活，让你马上就能框东西。
在空白画布上作画，或给图片加标注
从空白画布开始勾一个原型、一个线框或一张示意图。或者打开一张已有的图片：把截图拖进输入框，然后点缩略图上的铅笔（或文件预览里的「标注」）在它上面作画。
画、圈、箭头、高亮、打字
画布给你徒手作画、矩形、椭圆、箭头、直线和文字。圈出一个坏掉的元素，用箭头指向它，高亮一块区域，在旁边写一条短注释。怎么让视觉反馈一目了然都行。
把画作附到你的消息上
点「附加到消息」。画布被导出为 PNG，并作为缩略图加入输入框，就像一个拖进去的文件。当你标注一张已有图片时，标注后的版本会替换掉原来的缩略图，所以代理永远不会同时拿到两张。
发送给代理
像往常一样输入提示词并发送。PNG 通过和其他文件相同的通道附加到消息上。画作和你的文字一起、在同一轮里到达代理。
代理读懂这张画
你的 AI 编码代理把草图当作一张图片附件接收。只要它的模型支持图片输入，它就能看到你圈出、用箭头指出、高亮的内容，并据此视觉反馈行动，而不是去解析一段描述。
使用 Sketch 的两种方式
从零开始，或在已有内容上作画。
空白画布：勾一个原型
打开一张空画布，画出你想让代理构建的东西。一个屏幕的粗略原型、一个布局的线框、一个组件的雏形、一段数据流的示意图。徒手的线条、方框、箭头和文字标签。一张手绘草图就是一份代理能照着做的规格，你一段界面描述都不用写。
标注：在截图上作画
把一张截图或任意图片载入画布并加上标记。圈出错位的元素，在溢出处画一个箭头，高亮错误的颜色，在 bug 旁边写「修这个」。Sketch 画布以你的图片作为背景层打开，你在上面作画，标注后的截图作为视觉反馈直接发给代理。
Sketch 究竟是什么
Sketch 是一块完整的绘图画布，嵌入在 AgentsRoom 桌面应用里，从任意 AI 代理的输入框打开。它不是一个上面带马克笔的截图查看器。你拿到的是真正的绘图工具：徒手笔、矩形、椭圆、箭头、直线和文字，正是你对一块像样的作画界面所期待的那套工具。
画布以两种模式运行。空白模式给你一张空白界面，用来画原型、线框和示意图。标注模式把一张已有图片载入为背景，让你在上面作画。你可以从输入框里任意已附加图片的缩略图进入标注模式，或者从文件预览里的「标注」按钮进入。
当你附加画作时，Sketch 把画布导出为白底 PNG，让每一笔都保持清晰可读，然后把文件放进输入框的附件托盘。从这里开始画作走的是常规路径：随你的提示词一起，作为图片发给代理。Sketch 没有新增发送机制，它接进了那条早已存在的通道。
一切都留在你的机器上。草图保存在本地磁盘，不会提交到你的仓库，也不会推送到任何第三方服务。它们在设计上就是临时的：一张画是某一条消息的上下文，不是一个你得管理的文件。Sketch 是本地的、私密的、与提供商无关的：它适配任何模型支持图片的代理，所以 Claude Code 和 Codex 配置都能用上同样的作画到代理流程。
人们都用 Sketch 画什么
三种模式，让一张画成为和代理对话最快的方式。
报告一个视觉 bug
把坏掉的界面截图，圈出元素，用箭头指向溢出，高亮错误的间距。代理看到的是视觉 bug，而不是去解码你对它的描述。这是向 AI 代理报告界面回归问题最快的单一方式。
勾一个原型或线框
在代理动手前画出屏幕。一个粗略的线框、一张布局草图、一个组件的低保真原型。把画作作为简报交给代理，让它把你的草图变成代码。
画一张示意图或流程
有些解释就是图。一段数据流、一个状态机、一个页面的结构、两个组件如何对话。用方框和箭头把它画出来，作为上下文把示意图发给代理。
用文字描述 vs 直接画出来
同样的视觉反馈，同一个代理。一条路又慢又含糊，另一条只是一张草图。
没有 Sketch
- : 你用文字描述视觉问题，指望代理脑补出同样的东西。
- : 你写三句话指向一个元素，结果它仍然含糊。
- : 要画一个原型，你打开一个单独的应用，导出文件，再拖进输入框。
- : 上下文切换打断了你的节奏，也打断了和代理的对话。
- : 代理修错了元素，你重新解释一遍，循环没完没了。
有了 Sketch
- : 你在截图上圈出元素，反馈毫不含糊。
- : 一张画替代三句描述，三秒钟搞定。
- : 画布就在输入框里：没有单独的应用，没有导出，没有拖放。
- : 你从不离开终端，从不打断与代理的对话。
- : 代理看到的正是你想表达的，第一遍就修好。
Sketch，是一个视觉问题与一个能读懂它的 AI 代理之间最短的路径。
FAQ
AgentsRoom 里的 Sketch 是什么？
Sketch 是一块内置在 AI 代理输入框里的绘图画布。你从输入框打开它，在空白画布上画一张草图或给一张已有截图加标注，画作被导出为 PNG 并附加到你发给 AI 编码代理的消息上。它把视觉反馈从一件你要描述的事变成一件你直接画出来的事。
我要怎么把一张画发给 AI 代理？
点击代理输入框里的 Sketch 按钮，在画布上作画，然后点「附加到消息」。画作变成输入框里的一个 PNG 缩略图。写下你的提示词并发送：草图会附加到消息上，和你的文字一起到达代理。
我可以标注一张截图吗？
可以。把一张截图拖进输入框，然后点缩略图上的铅笔，或者打开文件预览点「标注」。Sketch 画布以你的截图作为背景层打开，让你在上面作画：圈出一个 bug、加一个箭头、高亮一块区域、写一条注释。当你附加它时，标注后的截图会替换掉原图。
用 Sketch 我能画什么？
画布给你徒手作画、矩形、椭圆、箭头、直线和文字。你可以勾一个原型、画一个线框、排一张示意图，或者用圆圈、箭头和高亮给一张截图加标记。矩形工具默认激活，所以画布一打开你就能框住一个元素。
AI 代理真的看得到我的草图吗？
画作作为一张 PNG 图片附加到你的消息上。只要代理的模型支持图片输入，它就能看到草图并据此行动。Claude 以及驱动 Claude Code 和 Codex 的 GPT-4 级别模型都能读图，所以代理直接拿到你的视觉反馈。
哪些代理和提供商能配合 Sketch 使用？
Sketch 附加的是一张标准 PNG 图片，所以与提供商无关。任何模型支持图片输入的代理都能用：Claude Code、Codex，以及 AgentsRoom 支持的其他 CLI。没有针对特定提供商的设置。
我需要一个单独的绘图应用或白板吗？
不需要。这正是 Sketch 的意义所在。绘图画布就在输入框里。你不用在另一个窗口里打开 Excalidraw、Figma 或截图标注器，不用导出文件，不用再把它拖回来。Sketch 把整套作画到发送的循环都留在终端里。
我的草图保存在哪里？它们私密吗？
草图保存在你自己机器的本地。它们不会提交到你的 git 仓库，也不会上传到任何第三方服务。它们是临时的：一张草图是某一条消息的上下文，旧草图会被自动清理。
我能重新编辑或重新标注一张草图吗？
可以。输入框里的任意图片，包括你已经标注过的一张截图，都能在 Sketch 画布里重新打开再次作画。当你附加新版本时，它会替换掉之前的缩略图，所以代理永远不会收到同一张图片两次。
为什么要把 bug 画出来，而不是描述它？
因为描述是猜测，画不是。当你写下「右上角的按钮错位了」，代理得在脑子里重建屏幕。当你在截图上圈出那个按钮，就没有什么要重建的了。一图胜千言，而对发给 AI 代理的视觉反馈来说，它还省下了好几个白白浪费的回合。
搭配使用更佳
别再描述 bug 了。画出来。
下载 AgentsRoom，用上 Sketch：代理输入框里的一块绘图画布，用来勾原型、标注截图，再把画作发给你的 AI 编码代理，全程不离开终端。
配套应用：随时随地监控你的 Agent
使用 Claude、Codex、Antigravity CLI 或其他 AI 提供商。
把 Bug 和需求直接发送到您的公开待办清单。
AgentsRoom 实际运行一瞥。