面向 Claude Code、Codex
及其他所有代理 CLI 的 Artifacts
您的代理建置了一個儀表板、一張圖表或一份報告。它不再把檔案路徑留在終端裡，而是直接向您展示頁面：輸入框上方一個可一鍵開啟的區塊，外加一條在手機上開啟它的推送通知。
所有帶 MCP 客戶端的代理 CLI 共用一個工具，在 macOS、Windows 和 Linux 上都一樣。沒有託管服務，也不需要任何一家廠商的帳戶：頁面就是您電腦上的一個檔案，並且一直留在那裡。
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
代理呼叫一個工具，它的頁面就以區塊形式出現在輸入框上方，「文件」分頁也多了一份文件。
代理很擅長把問題變成頁面：測試執行的儀表板、遷移過程的圖表、比較三種方案的報告。可最後這個頁面只是終端某處的一個檔案路徑，您得自己找到它、開啟它，還要祈禱選對了檔案。
AgentsRoom 為每個代理提供了完成這最後一步的工具。頁面準備好後，代理會帶上路徑和標題呼叫 view_present。該代理的輸入框上方會出現一個區塊。點選它：「文件」分頁切到最前面，頁面渲染開啟，其中的圖表也能執行。在手機上，推送通知會開啟同一個頁面。
這不依賴於 CLI。該工具位於 AgentsRoom MCP 伺服器上，應用會把它連線到每個帶 MCP 客戶端的代理，因此來自 Codex 的頁面與來自 Claude Code 的頁面表現完全一致。整個過程沒有任何內容離開您的電腦。
代理向您展示頁面時會發生什麼
代理寫的頁面，無論出自哪個 CLI，待遇都一樣。
每個 CLI 都是同樣的操作
Claude Code、Codex、Antigravity CLI、Kimi Code 等都呼叫同一個工具，得到同樣的結果。切換 CLI 不會改變您接收它們工作成果的方式。
輸入框上方的區塊
文件會出現在您正在與代理對話的地方，並顯示標題和到達了多久。點選一下即可開啟，點叉號可移除區塊，文件仍保留在「文件」中。
不會搶佔您的螢幕
沒有任何內容跳到最前面，也不會出現終端分頁，您正在輸入的面板不受影響。如果您正在處理另一個代理或另一個專案，區塊會等著您，並有通知告訴您它已就緒。
在手機上一鍵檢視
當您不在電腦旁時，推送通知會寫明代理、專案和頁面的名稱。點選後，頁面會在 AgentsRoom 應用中開啟，顯示在該代理的主控台之上。
儲存在「文件」中
每個頁面都會加入專案的「文件」面板，其分頁顯示頁面數量。檔案每次新的展示都會儲存為一個版本，並記錄生成它的代理、提供商和模型。
不止 HTML
HTML 頁面會執行自身的腳本，因此生成的圖表可以正常工作。同一個工具還能展示圖片、SVG、PDF、Markdown 檔案或 CSV 表格，顯示的是渲染結果而不是原始碼。
如何使用
無需安裝，也無需開啟。從提出請求到看到頁面只需四步。
- 1
請求一個頁面
在任意代理中用日常語言提出請求：把這些結果做成一個 HTML 檔案的儀表板，然後展示給我。要求單個檔案很重要，因為內含 CSS、腳本和資料的頁面，在電腦和手機上的渲染效果相同。
- 2
準備好後代理會展示
檔案寫好後，代理會帶上檔案路徑和一個簡短標題呼叫 view_present。標題會成為區塊的名稱和通知的文字。
- 3
在您所在之處閱讀
在電腦前時，點選代理輸入框上方的區塊：「文件」分頁切到最前面，頁面隨即開啟。點選通知，可從應用中的任何位置實現同樣的效果。不在電腦旁時，點選手機上的推送通知即可。
- 4
提出修改
告訴代理要改什麼。它會重寫檔案並再次展示：區塊隨之更新，之前的版本保留在「文件」中。
與 Claude 的 Artifacts 有何不同
Claude 有自己的 Artifacts。在 claude.ai 和 Claude Code 中，頁面發布到 Claude 的服務並在瀏覽器中閱讀，附帶一個組織內成員可以開啟的連結。如果目的是分享頁面，這很合適，但它屬於 Claude：您執行的其他 CLI 用不上。
在這裡，頁面始終是您電腦上的一個普通檔案。任何帶 MCP 客戶端的 CLI 都能展示它，沒有任何內容被上傳，檔案還可以放在程式碼儲存庫中，緊挨著生成它的程式碼。您的手機透過與應用其他部分相同的端到端加密連線讀取它。
兩者並不衝突。需要發給同事一個連結時，用 Claude 的 Artifacts；同時執行多個 CLI 並想在當前所在之處檢視它們的成果時，用這個。
限制
- 沒有分享連結：頁面是您電腦上的一個檔案。要發給別人，請傳送該檔案。
- 桌面應用必須保持執行，因為檔案由它儲存，區塊也由它顯示。手機透過它讀取頁面。
- 手機將頁面作為單個文件接收，因此無法載入它旁邊的檔案。在電腦上，頁面可以使用同目錄下的圖片、樣式表、腳本和資料。如果想在兩端得到相同的效果，請把所有內容放在一個檔案中。
- 該工具透過 MCP 觸達代理，因此沒有 MCP 客戶端的 Aider 會把檔案路徑留在回答中。
- 頁面的腳本在您的電腦上執行，並且可以訪問網路。對待不是您要求生成的頁面，要像對待不是您寫的程式一樣。看起來包含金鑰的檔案會被拒絕。
- 個人助理沒有「文件」面板：點選它的區塊，頁面會在它自己的預覽中開啟。
常見問題
Codex 有像 Claude 那樣的 Artifacts 嗎？
在 AgentsRoom 中有：Codex 代理可以用與 Claude Code 相同的工具向您展示它寫的 HTML 頁面。頁面以區塊形式出現在輸入框上方，一鍵開啟，並送達您的手機。它執行在您的電腦上，因此不需要託管服務的帳戶。
這是 Claude Artifacts 的替代方案嗎？
就檢視代理的工作成果而言，是的，而且它適用於任何帶 MCP 客戶端的 CLI。就分享而言，不是：Claude 的 Artifacts 為您的組織提供連結，而這裡的頁面始終是您電腦上的一個檔案。
如何預覽代理寫的 HTML 檔案？
讓代理展示給您：它會呼叫 view_present，點選輸入框上方的區塊，頁面就會渲染開啟。您也可以透過代理回答中的檔案連結，或右側面板的「檔案」分頁，自己開啟任意 HTML 檔案。腳本會執行，因此生成的圖表也能繪製出來。
我的頁面或資料會經過伺服器嗎？
頁面不會：它始終是您電腦上的一個檔案，手機透過連線到桌面版的端到端加密連線讀取它。推送通知會經過推送服務，幷包含您在通知上看到的標題、代理和專案名稱，以及該檔案在專案中的路徑。
它會打斷我正在做的事嗎？
不會。頁面絕不會自行開啟：它以區塊形式在代理的輸入框上方等待，直到您點選。如果您沒有在檢視該代理，還會收到一條通知和一條推送。兩者都遵循您的通知設定，而且一個代理每分鐘最多通告一個頁面。
您可能還喜歡
Mermaid 圖表
Claude Code 和 Codex 把 Mermaid 圖表寫成文字，終端只能原樣輸出。AgentsRoom 在您閱讀代理的地方把它們畫出來：聊天、.md 檔案、計劃、工單。
對話檢視
面向 Claude Code、Codex 及另外五個代理 CLI 的聊天檢視：會話讀自 CLI 自己的會話記錄，工具呼叫摺疊，回答即時顯示，桌面和手機都能用。
計劃審查
你的代理提出計劃後，像讀文件一樣讀它，對任意段落評論、替換或刪除，再用一條訊息批准或退回。每個版本都會保留。
MCP 儀表板
學習 Model Context Protocol (MCP)，理解 MCP 伺服器和 MCP 客戶端，並發現 AgentsRoom 如何成為使用 MCP 伺服器的 Claude Code 代理的視覺化 MCP 儀表板。執行多代理 MCP 工作流程、使用 --mcp-debug 除錯 MCP 連線，並即時監控每一次由 MCP 驅動的 Claude Code 會話。
看看您的代理建置了什麼
下載適用於 macOS、Windows 或 Linux 的 AgentsRoom，然後讓任意代理把儀表板做成一個 HTML 檔案並展示給您。
配套應用：隨時隨地監控你的 Agent
使用 Claude、Codex、Antigravity CLI 或其他 AI 提供商。
把 Bug 和需求直接傳送到您的公開待辦清單。