Communitygithub.com

opencroc/cube-pets-office

Cube Pets Office — 目に見えないAIワークフローを、CEO、マネージャー、ワーカーが活躍する居心地の良い3Dピクセルオフィスに変えます。

cube-pets-office とは?

Cube Pets Officeは、AIエージェントのワークフローを可視化し、3Dピクセルアートのオフィス空間で表現するスキルです。CEO、マネージャー、ワーカーなどの役割を持つキャラクターが、処理の進捗に応じて動き回る様子を視覚的に確認できます。開発者やAIエージェントユーザーは、複雑なバックグラウンド処理を直感的に理解し、監視することが可能になります。このスキルは、Claude CodeやCursor、CodexなどのAIエージェントプラットフォームで利用でき、3Dレンダリング環境を構築することで、ワークフローの状態を楽しく把握できるように設計されています。

対応~Claude Code~Codex CLI~Cursor
npx skills add opencroc/cube-pets-office

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

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

ドキュメント

cube-pets-office は何をしますか?

Cube Pets Office — 目に見えないAIワークフローを、CEO、マネージャー、ワーカーが活躍する居心地の良い3Dピクセルオフィスに変えます。

概要

Cube Pets Officeは、AIエージェントのワークフローを3Dピクセルアートのオフィスとして可視化します。各AIタスクはオフィスのキャラクター(CEO、マネージャー、ワーカー)に対応し、処理の進行に合わせて動き回ります。

特徴

  • 3Dピクセルオフィス: ワークフローを楽しく視覚化
  • 役割ベースのキャラクター: CEO、マネージャー、ワーカーがタスクを表現
  • リアルタイム更新: 処理の進捗に合わせてアニメーション
  • マルチプラットフォーム: Claude Code、Cursor、Codexなどに対応

セットアップ

# リポジトリをクローン
git clone https://github.com/opencroc/cube-pets-office
cd cube-pets-office

# 依存関係をインストール
npm install

# 開発サーバーを起動
npm run dev

環境変数

変数名説明デフォルト
API_KEYAIエージェントAPIキーconfig.example.jsonを参照
OFFICE_PORTオフィスサーバーのポート3000

使い方

  1. オフィスサーバーを起動します。
  2. AIエージェント(例: Claude Code)からワークフローを送信します。
  3. 3Dオフィスでキャラクターがタスクを実行する様子を観察します。

詳細なドキュメントは docs/ を参照してください。

関連スキル