
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
它用独特的视觉方式展示原本分散在不同终端窗口中的 Claude Code 会话,点击即可恢复会话,且完全在本地运行,保护隐私。
Claude Codeのプロジェクトとセッションを「仮想オフィス」として眺められるアプリです。 従業員=Claude Codeのセッション。従業員をクリックすると、その場でターミナルが開いて続きから指示できます。
このアプリはあなた自身のパソコンの中だけで動きます。 あなたの ~/.claude/projects(Claude Codeのセッション履歴が置かれる場所。Claude Code自体が決めている固定の場所です)をそのまま読み取るので、起動するとあなた自身のオフィス(あなたのプロジェクト・あなたのセッション)が表示されます。外部にデータが送られることはありません。
claude コマンドがそのまま使える状態(ログイン済み)であることgit clone https://github.com/sho-ai-magic/claude-open-office.git
cd claude-open-office
npm install
npm run build
npm start
その後、ブラウザで http://localhost:3777 を開いてください。
普段使いには上記(本番ビルド)がおすすめですが、コードを変更しながら試したい場合は代わりに次を使うと自動リロードが効きます:
npm run dev
この場合はブラウザで http://localhost:5173 を開いてください。
~/.claude/projects を読み取り、既存のClaude Codeプロジェクトを自動でオフィスの部屋として表示します/home/you/projects)を入力する画面が出ます。Claude Code自体には「プロジェクトフォルダの既定値」という概念が無いため、このアプリでも決め打ちの場所は用意していません。一度入力すれば次回以降は自動で入力された状態になりますすでにクローン済みの人は、以下で最新版に更新できます。
cd claude-open-office
git pull
npm install
npm run build
npm start
(npm run dev で使っている場合は、最後の2行の代わりに npm run dev をやり直すだけで構いません。サーバーを起動しっぱなしにしている場合は、一度プロセスを終了してから起動し直してください。)
あなたの設定(表示中のプロジェクト、プロジェクトの保存先フォルダなど)は config/settings.json に保存されており、git pull をしても上書き・削除されません。アップデートで新しい設定項目が増えた場合は、初期値(未設定)から始まります。
| 見た目 | 意味 |
|---|---|
| 部屋 | プロジェクト(部署) |
| 従業員 | セッション。直近の活動順に最大8人まで表示 |
| 島(机4席のかたまり) | 従業員1〜4人で1島、5人目の入社で増築工事が始まり2島に |
| 🟢 緑バッジ | 作業中(Claudeが動いている) |
| 🟡 黄バッジ | 返事待ち(指示を待っている) |
| ⚪ 灰バッジ(Zzz) | 休憩中(ターミナル未接続) |
| 掲示板 | その部署の直近の作業内容 |
Claude Codeのプロジェクト・セッションを仮想オフィスとして可視化するアプリ
根据分类、Topic 和编程语言匹配的相似项目。

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.