Toolin.ai
Claude Office

Claude Office

公式収録

Claude Codeエージェントの動きをリアルタイムにドット絵オフィスで可視化するシミュレーターです。

閲覧 152お気に入り 0無料

Claude Office

Claude Officeは、Claude Codeの動きをリアルタイムに可視化するオープンソースのドット絵オフィスシミュレーターです。メインエージェントが「ボス」、サブエージェントが「社員」として描かれ、16ビット風のドット絵オフィスでタスクの割り当てと実行が進みます。Fast Companyは「AIコーディングで最も厄介なUX問題を解決した」と評しています。複数のエージェントを実行しながらターミナルのタブを行き来する必要はもうありません。

主な機能

  • 11種類のホワイトボードモード: Todoリスト、リモートワーカーのビデオウォール、ツール使用状況の円グラフ、組織図、架空の株式ティッカー、天気のメタファー、セキュリティダッシュボード、タイムライン、ニュースティッカー、コーヒートラッカー、ファイルヒートマップを、0-9/T/Bのキーボードショートカットで切り替えられます
  • リアルタイムのエージェント可視化: ボスがタスクを割り当て、社員が作業を実行します。吹き出しで現在の作業が表示され、コンテキスト圧縮が起きるとボスがゴミ箱まで歩いて行って踏みつぶします
  • 完全なセッション履歴: ユーザーのプロンプト、Claudeの返答、思考ブロック、ツール呼び出しをすべて閲覧・検索できます
  • イベント詳細の確認: どのイベントもクリックすれば完全なペイロードを確認でき、再接続後もセッションを完全に復元できます
  • 昼夜サイクルのアニメーション: 都市のスカイラインが見える窓の景色が現地時間に合わせて変化し、流れる雲や壁掛け時計が雰囲気を盛り上げます

こんな人におすすめ 2〜5個のClaude Codeセッションを同時に走らせ、ターミナルを行き来するのではなく環境に溶け込む形でモニタリングしたいパワーユーザーに最適です。AIエージェントの可視化がどう実装されているのかを学びたい開発者にも役立ちます。

独自の強み 競合のPixel Agents(約2万インストール)はVS Code拡張で、導入はワンクリックですが機能は軽量です。Claude Officeは11種類のホワイトボードモードに加え、完全なセッション履歴とイベント詳細表示を備えており、ドット絵に包んだプロ仕様の監視ダッシュボードと言えます。その代償としてFastAPIバックエンドとNext.jsフロントエンドが必要で、デプロイはかなり複雑になります。

編集部レビュー 作者のPaul Robelloは30年のソフトウェアエンジニアリング経験を持ち、技術アーキテクチャも堅牢です(PydanticからTypeScriptへの自動型生成によるエンドツーエンドの型安全性)。179スターを獲得した、MITライセンスで無料利用できるニッチな逸品です。Python 3.14以上という要件はかなり先鋭的で、一部のユーザーは対象から外れるかもしれません。楽しいモニタリング体験を求めるClaude Codeのヘビーユーザーなら試す価値があります。

料金

### 💰 定价模式:免费开源 **起步价**:免费 #### 主要方案 - **开源版**:$0 - 完整功能,MIT许可证 #### 试用/其他信息 完全免费。可选AI功能(代理命名)需Claude Code OAuth token。需自行部署FastAPI后端和Next.js前端。

よくある質問

Claude Officeは無料ですか?

MITオープンソースライセンスの下で完全無料です。コアとなる可視化機能はすべて無料で、オプションのAIエージェント命名機能だけがClaude CodeのOAuthトークンを必要としますが、必須ではありません。

Claude Officeは何をしてくれるのですか?

Claude Codeのリアルタイムの操作をドット絵オフィスのシミュレーションとして可視化します。11種類のホワイトボードモードでタスクやツール使用状況、ファイルのヒートマップなどを表示し、完全なセッション履歴の閲覧やイベントの詳細確認にも対応します。

Claude OfficeとPixel Agentsの違いは何ですか?

Pixel Agentsはワンクリックで使えるVS Code拡張で、手軽ですがシンプルです。Claude Officeは11種類のホワイトボードモードに加え、完全なセッション履歴とイベント詳細表示を備え、機能は豊富な反面、バックエンドとフロントエンドのサービスを別途起動する必要があります。

Claude Officeのインストール方法は?

リポジトリをクローンし、make install-allで依存関係をインストールして、make dev-tmuxで起動します。Python 3.14以上、Node.js 20以上、Claude Code CLIが必要です。Docker Composeによるデプロイにも対応しています。

Claude Officeのホワイトボード表示モードを教えてください。

11種類あります。Todoリスト、リモートワーカーのビデオウォール、ツール使用状況の円グラフ、組織図、架空の株式ティッカー、天気のメタファー、セキュリティダッシュボード、タイムライン、ニュースティッカー、コーヒートラッカー、ファイルヒートマップです。キーボードショートカットで切り替えられます。

Claude Officeはどんな人に向いていますか?

Claude Codeをヘビーに使うユーザー、特に複数のエージェントセッションを同時に走らせながら常時モニタリングしたい開発者に最適です。AIエージェントの可視化の実装に関心がある学習者にも向いています。ライトユーザーにはPixel Agentsの方が適しています。