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 實際執行一瞥。