コンテンツにスキップ

Claude Office（AI社員管理）

📁 docs/ops/ai-office.md

Claude Code のセッションを「仮想オフィス」として可視化するローカル Web アプリ。

概要

従業員（＝ Claude Code セッション）をクリックすると、その場でターミナルが開いて続きから指示できる。
~/.claude/projects をローカルで読み取るだけで、外部にデータは送信されない。

起動方法

初回セットアップ

git clone https://github.com/KZ55230/claude-open-office.git
cd claude-open-office
npm install
npm run build
npm start

ブラウザで http://localhost:3777 を開く。

開発モード（コード変更時の自動リロード）

npm run dev

ブラウザで http://localhost:5173 を開く。

アップデート

cd claude-open-office
git pull
npm install
npm run build
npm start

画面の見方

見た目 意味
部屋 プロジェクト（部署）
従業員 Claude Code セッション（直近 8 件まで）
島（4席のかたまり） 1〜4名で1島、5名目から2島に増築
🟢 緑バッジ 作業中（Claude が動いている）
🟡 黄バッジ 返事待ち（ユーザー入力待ち）
⚪ 灰バッジ（Zzz） 休憩中（ターミナル未接続）
掲示板 その部署の直近の作業内容

操作方法

操作 内容
ホイール ズーム
ドラッグ マップ移動
従業員をクリック ターミナルを開き、セッションを再開
空席をクリック 新しいセッションを開始（最初の指示を送ると着席）
新規プロジェクト立案（ヘッダー） プロジェクトフォルダ＋CLAUDE.md を自動作成
表示プロジェクト選択（ヘッダー） オフィスに表示する部署を選ぶ
OB名簿（ヘッダー） 表示枠から外れた古いセッションを呼び戻す

注意事項

  • このアプリはローカル PC 内だけで動作する（外部公開されない）
  • ターミナルパネルを閉じても Claude Code セッションは裏で継続する
  • 完全に終了させるには、ターミナル上で通常どおり Claude Code を終了すること