paulrobello/claude-office

Что это?

Ключевые возможности

• 01Анимированный офис, где главный агент и субагенты представлены в образах босса и сотрудников
• 02Общая панель Command Center со всеми активными сессиями Claude Code, сгруппированными по статусам
• 03Вид многоэтажного здания с отдельными офисами на каждом этаже и переключением между сессиями
• 04Доска с 12 режимами, включая список задач, диаграмму использования инструментов и канбан-доску
• 05Отслеживание контекстного окна: мусорное ведро заполняется по мере роста контекста
• 06Поддержка плагина OpenCode и развертывания в Docker

Сценарии использования

• Чтобы одним взглядом следить за несколькими терминалами Claude Code и замечать, где требуется внимание, а где работа еще продолжается
• Чтобы наблюдать, как главный агент распределяет работу между субагентами при выполнении сложной задачи по разработке
• Чтобы демонстрировать или преподавать рабочие процессы с агентами с помощью наглядного анимированного интерфейса
• Чтобы запустить визуализатор как общий Docker-сервис, получающий события от локальных инструментов через хуки

Быстрый старт

1. 1

   Клонируйте репозиторий

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

   Перейдите в каталог проекта

   cd claude-office
3. 3

   Установите все компоненты (backend, frontend и hooks)

   make install-all
4. 4

   Запустите серверы разработки в tmux, затем откройте http://localhost:3000

   make dev-tmux

Что важно знать

• !Требуются Python 3.13 или новее, Node.js 20 или новее, uv, а также настроенный Claude Code CLI или OpenCode.
• !Для сводок названий и задач с помощью ИИ нужен OAuth-токен Claude Code; без него отображаются исходные ID агентов.

В подборках

Темы

Частые вопросы

Что такое claude-office?

Пиксельный офис в реальном времени, который показывает сессии Claude Code: главный агент — босс, а субагенты — сотрудники. Claude Office Visualizer превращает активность Claude Code в анимированный пиксельный офис. Главный агент Claude предстает в образе «босса», который поручает работу, а каждый субагент — в образе «сотрудника», перемещающегося по офису во время выполнения задач. Установленные в Claude Code хуки отправляют события жизненного цикла в бэкенд на FastAPI, который передает состояние по WebSocket во фронтенд на Next.js и PixiJS.

claude-office можно использовать бесплатно? Какая у него лицензия?

claude-office распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

claude-office всё ещё поддерживается?

Активно поддерживается. Последний коммит в claude-office — 5 нояб. 2026 г..

Для чего можно использовать claude-office?

Чтобы одним взглядом следить за несколькими терминалами Claude Code и замечать, где требуется внимание, а где работа еще продолжается Чтобы наблюдать, как главный агент распределяет работу между субагентами при выполнении сложной задачи по разработке Чтобы демонстрировать или преподавать рабочие процессы с агентами с помощью наглядного анимированного интерфейса Чтобы запустить визуализатор как общий Docker-сервис, получающий события от локальных инструментов через хуки

Как установить claude-office?

Клонируйте репозиторий: git clone https://github.com/paulrobello/claude-office.git Перейдите в каталог проекта: cd claude-office Установите все компоненты (backend, frontend и hooks): make install-all Запустите серверы разработки в tmux, затем откройте http://localhost:3000: make dev-tmux

Где скачать claude-office?

Исходный код и инструкции по установке — на GitHub: https://github.com/paulrobello/claude-office