Claude Code、Codex、Mistral Vibe、Coworkのエージェントセッションをローカルのセッションファイルから読み取り、ライブアニメーションのチーム通話として表示します。
pixel-agents-hq/pixel-agents
Claude Codeのターミナルエージェントを、仮想オフィスで働くアニメーション付きドット絵キャラクターとして表示するVS Code拡張機能および単体動作のブラウザーアプリ。
- スター
- 10,091
- フォーク
- 1,715
- 未解決の Issue
- 111
- 最終コミット
- 3 日前
これは何?
Pixel Agentsは、Claude Codeの各セッションを小さなオフィスで働くアニメーション付きドット絵キャラクターに変換します。キャラクターはデスクまで歩き、ファイルの編集中はタイピングし、検索中は本を読み、入力や許可を待っているときは吹き出しを表示します。複数のエージェントを同時に動かしているとき、どのエージェントが作業中で、どれに対応が必要かをひと目で把握できます。
このプロジェクトは、単一のコードベースから2つの形態で提供されます。1つはエージェントをVS Codeのターミナルで起動し、パネルにオフィスを表示するVS Code拡張機能。もう1つはローカルサーバーを起動して同じオフィスをブラウザーに表示する単体動作のCLI(`npx pixel-agents`)で、tmux、リモート環境、VS Codeを使わないワークフローに適しています。オフィスのレイアウトは、床、壁、家具、カーペット、ペット、名前付きエリアを編集でき、JSONとしてエクスポートできます。
現在サポートされているエージェントはClaude Codeのみです。連携部分は型付きのプロバイダーインターフェースを介しているため、ほかのCLIはサブディレクトリとして追加する想定です。ロードマップにはCodex、Gemini、Cursorが挙げられています。
主な機能
- 01Claude Codeの各ターミナルに専用のアニメーションキャラクターが割り当てられ、現在の作業状況を反映します。
- 02吹き出しと任意のサウンド通知で、入力や許可を待っているエージェントを知らせます。
- 03サブエージェントとAgent Teamsは、それぞれ別のキャラクターとして表示されます。
- 04床、壁、家具、カーペット、アニメーション付きペットを編集できるレイアウトエディターを内蔵しています。
- 05VS Code拡張機能として、またはnpx経由で単体動作のブラウザーアプリとして実行できます。
ユースケース
- VS Codeで並行して動作する複数のClaude Codeセッションを把握する。
- tmuxやリモートマシンで作業中に、ブラウザーからエージェントを監視する。
- ターミナルを切り替えずに、承認待ちで止まっているエージェントを見つける。
クイックスタート
- 1
Marketplace または Open VSX から VS Code 拡張機能をインストールします
- 2
プロジェクトフォルダーからスタンドアロン CLI を実行します
npx pixel-agents - 3
または CLI をグローバルにインストールしてから実行します
npm install --global pixel-agents
使う前に知っておきたいこと
- 現在サポートしているのは Claude Code のみです。他の AI ツールは今後対応予定です。
- Claude Code CLI のインストールと設定が必要です。また、VS Code 1.105.0 以降または Node.js 20 以降が必要です。
収録されている特集
トピック
よくある質問
- pixel-agents とは?
- Claude Codeのターミナルエージェントを、仮想オフィスで働くアニメーション付きドット絵キャラクターとして表示するVS Code拡張機能および単体動作のブラウザーアプリ。 Pixel Agentsは、Claude Codeの各セッションを小さなオフィスで働くアニメーション付きドット絵キャラクターに変換します。キャラクターはデスクまで歩き、ファイルの編集中はタイピングし、検索中は本を読み、入力や許可を待っているときは吹き出しを表示します。複数のエージェントを同時に動かしているとき、どのエージェントが作業中で、どれに対応が必要かをひと目で把握できます。
- pixel-agents は無料で使えますか?ライセンスは?
- pixel-agents は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- pixel-agents は今もメンテナンスされていますか?
- 活発にメンテナンス中。pixel-agents の最終コミットは 2026年11月3日 です。
- pixel-agents は何に使えますか?
- VS Codeで並行して動作する複数のClaude Codeセッションを把握する。 tmuxやリモートマシンで作業中に、ブラウザーからエージェントを監視する。 ターミナルを切り替えずに、承認待ちで止まっているエージェントを見つける。
- pixel-agents のインストール方法は?
- Marketplace または Open VSX から VS Code 拡張機能をインストールします プロジェクトフォルダーからスタンドアロン CLI を実行します: npx pixel-agents または CLI をグローバルにインストールしてから実行します: npm install --global pixel-agents
- pixel-agents はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/pixel-agents-hq/pixel-agents
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Claude CodeやCodexの各プロジェクトを部屋、各エージェントを活動状況がわかるドット絵キャラクターで表示するバーチャルオフィス。
Claude Codeのセッションをアニメーションで可視化し、メインエージェントを上司、サブエージェントを従業員として描くリアルタイムのドット絵オフィス。
Claude CodeやCodexなどのコーディングエージェントを1つの会話に集めるVS Code拡張機能。
Claude Code、CodexなどのAIコーディングエージェントを、それぞれ専用のgit worktreeとブランチで分離して並行実行できるデスクトップアプリ。
AIエージェントのワークフローを視覚的に設計し、Claude Codeなどのコーディングエージェント向けMarkdownスラッシュコマンドやスキルとして出力できるキャンバスエディター。