面向 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 和需求直接发送到您的公开待办清单。