AI Deck

Pixel Agents ─ Claude Code のエージェントをピクセルアートのオフィスで可視化するオープンソースツール

Pixel Agents は、ターミナルで動く Claude Code のエージェントを、ピクセルアートのオフィスで働くキャラクターとして可視化するオープンソースツール。エージェント 1 体につきキャラクター 1 人が割り当てられ、コードを書いているときはデスクでタイピング、検索しているときは読書、承認を待っているときは頭上にスピーチバブル、といった具合に、いま何をしているのかがアニメーションで一目でわかる。開発者は Pablo De Lucca 氏。VS Code 拡張として公開されたのち、npm 経由のスタンドアロン版(CLI + ブラウザアプリ)も追加され、ライセンスは MIT。

複数のエージェントを並行で走らせると「どれが止まっていて、どれが自分の返事を待っているのか」が見えなくなりがちだが、Pixel Agents はその状態把握を、ログを読む作業からオフィスを眺める作業に置き換える。実務的な進捗管理ツールというより、エージェントの動きを楽しく把握するための「見える化レイヤー」という位置づけに近い。

主な特徴

  • エージェント 1 体=キャラクター 1 人のリアルタイム表示: 各エージェントがデスクに座り、ファイル編集中はタイピング、検索中は読書といった動作を行う。キャラクターは 6 種類から選べる
  • 承認待ちがスピーチバブルでわかる: エージェントが入力を待っている状態が吹き出しで表示される。音声通知(任意)も設定でき、別の作業をしながらでも「返事待ち」に気づける
  • サブエージェント・Agent Teams の可視化: サブエージェントや Agent Teams も個別のキャラクターとして描画されるため、親子関係を含めた並行実行の全体像が把握できる
  • オフィスレイアウトエディタ: 床・壁・家具・カーペットを自分で配置でき、作ったオフィスは保存・共有が可能。ワークスペースフォルダに紐づく「エリア」に名前を付けて区分けもできる
  • Claude Code Hooks 連携: Hooks によるセッション管理を優先し、使えない環境ではポーリングにフォールバックする設計。VS Code の外で起動した外部セッションも拾える
  • VS Code 拡張とスタンドアロン版の両対応: VS Code Marketplace / Open VSX からの導入に加え、npx pixel-agents でブラウザアプリとしても起動できる

料金

プラン料金主な特徴
オープンソース(MIT ライセンス)$0全機能を無料で利用可能。有料プラン・サブスクリプションの提供はなし

料金は2026年8月時点の情報です。最新の情報は公式リポジトリをご確認ください。

メリット・デメリット

メリット

  • 並行実行中のエージェントの状態を、ログを追わずに一目で把握できる
  • 承認待ちのエージェントを見落としにくく、待ち時間の無駄が減る
  • MIT ライセンスの完全無料。アカウント登録も課金もなく試せる
  • VS Code 拡張と npm スタンドアロン版の両方があり、エディタを問わず使える
  • オフィスのレイアウトやキャラクターを自分好みにカスタマイズできる

⚠️ デメリット

  • Claude Code CLI が導入済みであることが前提で、単体では機能しない
  • 対応エージェントは現時点で Claude Code のみ(Codex・Gemini・Cursor などへの対応はロードマップ段階)
  • 可視化に特化しており、タスクの割り当て・ブランチ管理・差分レビューといったオーケストレーション機能は持たない
  • VS Code 1.105.0 以降、またはスタンドアロン版では Node.js 20 以降が必要
  • 個人開発のプロジェクトのため、更新頻度やサポートは商用ツールと同水準ではない

類似サービスとの比較

比較項目Pixel AgentsClaude SquadVibe KanbanConductor
主な用途エージェントの状態可視化ターミナルでのセッション管理カンバン形式のタスク管理並行実行と差分レビュー
形態VS Code 拡張 / ブラウザアプリCLI(tmux ベース)Web アプリmacOS デスクトップアプリ
対応環境Windows / Linux / macOSWindows / Linux / macOSクロスプラットフォームmacOS のみ
タスク管理機能なし(見える化のみ)セッション単位で管理カンバンボードで管理worktree 単位で管理
ライセンスオープンソース(MIT)オープンソースオープンソース商用

こんな人におすすめ

  • Claude Code のサブエージェントや Agent Teams を日常的に並行実行していて、状態把握に手間を感じている人
  • 承認待ちのエージェントを見落として待ち時間が発生しがちな人
  • ターミナルのログを追うより、視覚的に全体像をつかみたい人
  • 作業環境に遊び心を足したい人、チームのデモや配信で「エージェントが働いている様子」を見せたい人
  • 無料かつオープンソースのツールから試したい人

まとめ

Pixel Agents は、Claude Code のマルチエージェント実行を「読む情報」から「見る情報」に変えるツールである。タスクの割り当てやレビューまで面倒を見る本格的なオーケストレーション基盤ではなく、あくまで状態を把握するための可視化レイヤーだが、その一点においては導入コストがほぼゼロで効果がわかりやすい。Claude Code CLI をすでに使っているなら、VS Code Marketplace からの導入か npx pixel-agents で数分試してみるとよい。

関連リンク

← ブログ