Repolode
pixel-agents-hq

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. 1

    Marketplace または Open VSX から VS Code 拡張機能をインストールします

  2. 2

    プロジェクトフォルダーからスタンドアロン CLI を実行します

    npx pixel-agents
  3. 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 の数値は毎日更新されます。

関連プロジェクト