A VS Code extension and standalone browser app that shows your Claude Code terminal agents as animated pixel-art characters working in a virtual office.
paulrobello/claude-office
Real-time pixel art office that animates Claude Code sessions, showing the main agent as a boss and subagents as employees.
- Stars
- 602
- Forks
- 138
- Open issues
- 2
- Last commit
- 2 days ago
What is it?
Claude Office Visualizer turns Claude Code activity into an animated pixel art office. The main Claude agent appears as a "boss" character that delegates work, and each subagent appears as an "employee" moving around the office as it runs tasks. Hooks installed into Claude Code send lifecycle events to a FastAPI backend, which pushes state over WebSocket to a Next.js and PixiJS frontend.
Beyond the main office view, the project offers a Command Center that gathers the boss of every live session into one overview, and a multi-floor building view with per-floor offices. A multi-mode whiteboard shows todo lists, tool usage, background tasks and a kanban board. The project also includes an OpenCode plugin that sends events from OpenCode to the same backend, and it can run as a Docker container.
Key features
- 01Animated office where the main agent and subagents are shown as boss and employee characters
- 02Command Center overview of all live Claude Code sessions with status columns
- 03Multi-floor building view with per-floor offices and session switching
- 0412-mode whiteboard including todo list, tool usage chart, and kanban
- 05Context window tracking shown as a trashcan that fills as context grows
- 06OpenCode plugin support and Docker deployment
Use cases
- Keeping an at-a-glance view of several Claude Code terminals that need attention or are still working
- Watching how a main agent delegates work to subagents during a complex coding task
- Demonstrating or teaching agent workflows with a visual, animated interface
- Running the visualizer as a shared Docker service fed by hooks from local tools
Quick start
- 1
Clone the repository
git clone https://github.com/paulrobello/claude-office.git - 2
Enter the project directory
cd claude-office - 3
Install all components (backend, frontend, hooks)
make install-all - 4
Start the development servers in tmux, then open http://localhost:3000
make dev-tmux
Things to know
- Requires Python 3.13+, Node.js 20+, uv, and a Claude Code CLI or OpenCode setup.
- AI-powered name and task summaries need a Claude Code OAuth token; without it, raw agent IDs are shown.
In collections
Topics
FAQ
- What is claude-office?
- Real-time pixel art office that animates Claude Code sessions, showing the main agent as a boss and subagents as employees. Claude Office Visualizer turns Claude Code activity into an animated pixel art office. The main Claude agent appears as a "boss" character that delegates work, and each subagent appears as an "employee" moving around the office as it runs tasks. Hooks installed into Claude Code send lifecycle events to a FastAPI backend, which pushes state over WebSocket to a Next.js and PixiJS frontend.
- Is claude-office free to use? What license does it have?
- claude-office is open source under the MIT license. Check the license terms before using it in commercial products.
- Is claude-office still maintained?
- Actively maintained. The last commit to claude-office was on Nov 5, 2026.
- What can I use claude-office for?
- Keeping an at-a-glance view of several Claude Code terminals that need attention or are still working Watching how a main agent delegates work to subagents during a complex coding task Demonstrating or teaching agent workflows with a visual, animated interface Running the visualizer as a shared Docker service fed by hooks from local tools
- How do I install claude-office?
- Clone the repository: git clone https://github.com/paulrobello/claude-office.git Enter the project directory: cd claude-office Install all components (backend, frontend, hooks): make install-all Start the development servers in tmux, then open http://localhost:3000: make dev-tmux
- Where can I get claude-office?
- The source code and installation instructions are on GitHub: https://github.com/paulrobello/claude-office
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A virtual office that shows each Claude Code or Codex project as a room and each agent as a pixel-art character with live activity.
A live, animated team-call view of your Claude Code, Codex, Mistral Vibe and Cowork agent sessions, read from local session files.
A public gallery and CLI for browsing, installing, and submitting animated pixel-art pets that float on your screen and react to Codex and other coding agents.
A Claude Code plugin and multi-platform skill set that turns codebases and LLM wikis into interactive knowledge graphs you can explore and query.
Self-hosted real-time speech-to-text server with streaming ASR, speaker diarization, live translation and OpenAI/Deepgram-compatible APIs.