Claude Code、Codex、
その他すべてのエージェントCLIにアーティファクトを
エージェントがダッシュボード、グラフ、レポートを作ります。ターミナルにファイルパスを残す代わりに、そのページをあなたに表示します：ワンクリックで開くコンポーザーの上のブロックと、スマートフォンでページを開くプッシュ通知で。
MCPクライアントを持つすべてのエージェントCLIに共通の1つのツールで、macOS、Windows、Linuxのどれでも同じです。ホスティングサービスも、特定ベンダーのアカウントも不要です：ページはあなたのコンピューター上のファイルで、そのままそこに残ります。
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
エージェントがツールを1つ呼び出すと、そのページがコンポーザーの上にブロックとして現れ、「ドキュメント」タブのドキュメントが1つ増えます。
エージェントは質問をページに変えるのが得意です：テスト実行のダッシュボード、マイグレーションのグラフ、3つの選択肢を比べたレポート。ところがそのページはターミナルのどこかに書かれたファイルパスになってしまい、自分で見つけて開き、正しいものを選べたことを祈るしかありません。
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の表も、ソースではなく描画された形で表示できます。
使い方
インストールも有効化も不要です。リクエストからページまで4ステップ。
- 1
ページを頼む
どのエージェントにも、普通の言葉で頼みます：この結果のダッシュボードを1つのHTMLファイルで作って、見せて。1つのファイルで頼むのが重要なのは、CSS、スクリプト、データを内包したページなら、コンピューターでもスマートフォンでも同じように描画されるからです。
- 2
準備ができるとエージェントが表示
ファイルを書き終えると、エージェントはそのパスと短いタイトルを指定してview_presentを呼び出します。タイトルはブロックの名前と通知の文面になります。
- 3
今いる場所で読む
コンピューターの前なら、エージェントのコンポーザーの上のブロックをクリックします：「ドキュメント」タブが前面に来てページが開きます。通知をクリックすれば、アプリのどこからでも同じことができます。離れているときは、スマートフォンのプッシュ通知をタップします。
- 4
修正を頼む
変更したい点をエージェントに伝えます。エージェントはファイルを書き直してもう一度表示します：ブロックが更新され、前のバージョンは「ドキュメント」に残ります。
Claudeのアーティファクトとの違い
Claudeには独自のアーティファクトがあります。claude.aiとClaude Codeでは、ページはClaudeのサービスに公開されてブラウザで読むもので、組織のメンバーが開けるリンクが付きます。ページを共有することが目的なら最適ですが、これはClaudeのものです：あなたが使う他のCLIでは利用できません。
こちらでは、ページはコンピューター上のただのファイルのままです。MCPクライアントを持つどのCLIでも表示でき、何もアップロードされず、ファイルはそれを生成したコードの隣に、リポジトリ内で置いておけます。スマートフォンは、アプリの他の部分と同じエンドツーエンド暗号化接続でそれを読みます。
この2つは競合しません。同僚に送るリンクが必要ならClaudeのアーティファクトを、複数のCLIを動かしていて、その成果を今いる場所で見たいならこちらを使ってください。
制限事項
- 共有リンクはありません：ページはコンピューター上のファイルです。誰かに送るには、ファイルを送ってください。
- ファイルを保持してブロックを表示するのはデスクトップアプリなので、起動している必要があります。スマートフォンはそれを通じてページを読みます。
- スマートフォンはページを1つのドキュメントとして受け取るため、その隣のファイルを読み込めません。コンピューターでは、ページは隣にある画像、スタイルシート、スクリプト、データを使えます。両方で同じ結果にしたいなら、すべてを1つのファイルにまとめてください。
- ツールはMCPを通じてエージェントに届くので、MCPクライアントを持たないAiderは、回答にファイルパスを残します。
- ページのスクリプトはコンピューター上で実行され、ネットワークにアクセスできます。頼んでいないページは、自分が書いていないプログラムと同じように扱ってください。シークレットを含むように見えるファイルは拒否されます。
- パーソナルアシスタントには「ドキュメント」パネルがありません：ブロックをクリックすると、ページは専用のプレビューで開きます。
よくある質問
CodexにもClaudeのようなアーティファクトはありますか？
AgentsRoomならあります：Codexエージェントは、自分が書いたHTMLページをClaude Codeと同じツールで表示できます。ページはコンポーザーの上にブロックとして現れ、ワンクリックで開き、スマートフォンにも届きます。コンピューター上で動くので、ホスティングサービスのアカウントは不要です。
これはClaudeのアーティファクトの代わりになりますか？
エージェントの成果を見るためなら代わりになり、MCPクライアントを持つどのCLIでも使えます。共有のためならなりません：Claudeのアーティファクトは組織向けのリンクを提供しますが、こちらのページはコンピューター上のファイルのままです。
エージェントが書いたHTMLファイルをプレビューするには？
エージェントに表示を頼みます：view_presentを呼び出すので、コンポーザーの上のブロックをクリックすると、ページが描画された状態で開きます。エージェントの回答にあるファイルリンクや、右パネルの「ファイル」タブから、どのHTMLファイルも自分で開くこともできます。スクリプトが実行されるので、生成されたグラフも描かれます。
ページやデータはサーバーを経由しますか？
ページは経由しません：コンピューター上のファイルのままで、スマートフォンはデスクトップへのエンドツーエンド暗号化接続でそれを読みます。プッシュ通知はプッシュサービスを経由し、通知に表示されるタイトル、エージェント名とプロジェクト名、プロジェクト内のファイルパスを含みます。
作業の邪魔になりませんか？
なりません。ページが勝手に開くことはなく、クリックするまでエージェントのコンポーザーの上でブロックとして待機します。そのエージェントを見ていない場合は、通知とプッシュ通知も届きます。どちらも通知設定に従い、エージェントが知らせるページは1分あたり最大1つです。
こちらもおすすめ
Mermaid図
Claude CodeとCodexはMermaid図を、ターミナルでは文字として出力するしかないテキストで書きます。AgentsRoomはエージェントを読む場所で図を描きます：チャット、.mdファイル、プラン、チケット。
会話ビュー
Claude Code、Codexとほか5つのエージェントCLIのためのチャットビュー：CLI自身のトランスクリプトから読み込んだセッション、折りたたまれたツール呼び出し、リアルタイムの回答を、デスクトップとスマホで。
プランレビュー
エージェントが提案したプランをドキュメントとして読み、どの箇所にもコメント、置き換え、削除ができます。あとは承認するか、1通のメッセージで差し戻すだけ。すべてのバージョンが残ります。
MCPダッシュボード
Model Context Protocol（MCP）を学び、MCPサーバーとMCPクライアントを理解し、MCPサーバーを使用するClaude CodeエージェントのためのビジュアルMCPダッシュボードとしてのAgentsRoomを発見しましょう。マルチエージェントMCPワークフローを実行し、--mcp-debugでMCP接続をデバッグし、すべてのMCP駆動のClaude Codeセッションをリアルタイムで監視します。
エージェントが作るものを見る
macOS、Windows、Linux向けのAgentsRoomをダウンロードし、どのエージェントにでも、ダッシュボードを1つのHTMLファイルで作って見せるよう頼んでください。
コンパニオンアプリ：外出先でもエージェントを確認
Claude、Codex、Antigravity CLI、またはその他の AI プロバイダーを使用します。
バグや要望を公開バックログに直接送信できます。