Communitygithub.com

KbWen/agent-virtual-office

AIエージェントの活動をリアルタイムに可視化するピクセルアートのバーチャルオフィスです。Claude Code、Gemini CLI、Codexなど、ステータスをPOSTできる任意のツールと連携します。

agent-virtual-office とは?

このスキルは、AIエージェントの活動をリアルタイムに可視化するピクセルアートのバーチャルオフィス「KbWen/agent-virtual-office」です。Claude Code、Gemini CLI、Codexなど、ステータス情報をHTTP POSTで送信できる任意のAIエージェントツールと連携し、エージェントの現在の状態(作業中、待機中、エラー発生など)を、オフィスのキャラクターやアイコンを使って表現します。開発者やチームは、このビジュアルインターフェースを通じて、複数のエージェントの動作状況を直感的に把握でき、障害の早期発見やリソース管理に役立ちます。SKILL.mdに基づき、エージェントは自身の進捗やステータスを定期的にPOSTするだけでよく、バーチャルオフィス側で自動的に表示を更新します。これにより、エージェントの可観測性が向上し、チームコラボレーションを促進します。

対応✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add KbWen/agent-virtual-office

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

agent-virtual-office は何をしますか?

ピクセルアートのバーチャルオフィスで、AIエージェントの活動をリアルタイムに可視化します。Claude Code、Gemini CLI、Codex、およびステータスをPOSTできる任意のツールと連携します。

概要

このプロジェクトは、AIエージェントの活動を視覚的に表現するバーチャルオフィス環境を提供します。各エージェントはオフィス内のピクセルアートキャラクターとして表示され、そのステータス(作業中、待機中、エラーなど)に応じて外見や位置が変化します。

対応ツール

  • Claude Code: claude コマンド実行時に設定可能
  • Gemini CLI: gemini コマンド実行時に設定可能
  • Codex: OpenAI Codex を使用する任意のワークフロー
  • その他: HTTP POSTでJSONステータスを送信できる任意のツール

セットアップ

git clone https://github.com/KbWen/agent-virtual-office.git
cd agent-virtual-office
pip install -r requirements.txt
# または npm install

環境変数を設定します:

export VIRTUAL_OFFICE_URL="http://localhost:8080"
export AGENT_NAME="my-agent"

使用方法

エージェントは以下のエンドポイントにPOSTリクエストを送信します:

POST /api/status
Content-Type: application/json

{
  "agent": "my-agent",
  "status": "working",
  "message": "レポートを生成中...",
  "timestamp": "2025-04-01T12:00:00Z"
}

ステータス値

ステータス説明
workingエージェントがアクティブに作業中
idleエージェントは待機中
errorエラーが発生
completeタスクが完了

Claude Codeとの統合例

Claude Codeの設定ファイル(~/.claude/settings.json)に以下を追加します:

{
  "hooks": {
    "onStatusChange": {
      "command": "curl -X POST $VIRTUAL_OFFICE_URL/api/status -H 'Content-Type: application/json' -d '{\"agent\": \"claude\", \"status\": \"working\"}'"
    }
  }
}

ライセンス

MIT

関連スキル