paulrobello/claude-office

这是什么？

核心功能

• 01动态办公室中，主代理与子代理分别以老板和员工角色呈现
• 02Command Center 汇总所有活跃 Claude Code 会话，并按状态分栏显示
• 03多层楼宇视图，每层独立办公室，支持会话切换
• 04包含待办、工具用量图和看板等 12 种白板模式
• 05以垃圾桶装纸的动画展示上下文窗口占用情况
• 06支持 OpenCode 插件，并提供 Docker 部署

适用场景

• 同时查看多个 Claude Code 终端的状态，快速发现需要处理或仍在运行的会话
• 观察复杂编码任务中主代理如何把工作分派给子代理
• 用直观的动画界面演示或讲解代理工作流程
• 以 Docker 服务形式运行，接收本地工具通过 hooks 发送的事件

快速上手

1. 1

   克隆仓库

   git clone https://github.com/paulrobello/claude-office.git
2. 2

   进入项目目录

   cd claude-office
3. 3

   安装所有组件（后端、前端、钩子）

   make install-all
4. 4

   在 tmux 中启动开发服务器，然后打开 http://localhost:3000

   make dev-tmux

使用前须知

• !需要 Python 3.13+、Node.js 20+、uv，以及 Claude Code CLI 或 OpenCode 环境。
• !AI 生成的智能体名称和任务摘要需要 Claude Code OAuth 令牌；没有令牌时将显示原始智能体 ID。

收录于专题

标签

常见问题

claude-office 是什么？

实时像素艺术办公室，将 Claude Code 的运行过程可视化，主代理为老板，子代理为员工。 Claude Office Visualizer 将 Claude Code 的运行状态转化为动态的像素艺术办公室。主代理以“老板”角色出现并分派工作，每个子代理则以“员工”形象在办公室中走动执行任务。通过安装到 Claude Code 中的 hooks，事件被发送到 FastAPI 后端，再经 WebSocket 推送到基于 Next.js 和 PixiJS 的前端。

claude-office 可以免费使用吗？用的什么许可证？

claude-office 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

claude-office 还在维护吗？

活跃维护中。claude-office 最近一次提交是在 2026年11月5日。

claude-office 适合用来做什么？

同时查看多个 Claude Code 终端的状态，快速发现需要处理或仍在运行的会话 观察复杂编码任务中主代理如何把工作分派给子代理 用直观的动画界面演示或讲解代理工作流程 以 Docker 服务形式运行，接收本地工具通过 hooks 发送的事件

claude-office 怎么安装和运行？

克隆仓库: git clone https://github.com/paulrobello/claude-office.git 进入项目目录: cd claude-office 安装所有组件（后端、前端、钩子）: make install-all 在 tmux 中启动开发服务器，然后打开 http://localhost:3000: make dev-tmux

在哪里获取 claude-office？

源代码和安装说明在 GitHub 上：https://github.com/paulrobello/claude-office