Claude Office Visualizer — плагин
Хуки для Claude Code и OpenCode рисуют работу агентов как пиксельный офис: главный агент как начальник, субагенты как сотрудники.
- 616 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Хуки передают бэкенду ввод и вывод инструментов и пути к файлам, поэтому по умолчанию разрешен только локальный адрес.
- С OpenAI-совместимым API для сводок тексты уходят внешнему сервису.
Установка
- Работает в
Ручная установка
git clone https://github.com/paulrobello/claude-office.git
cd claude-office
make install-all
make dev-tmuxБыстрый старт из README. Хуки Claude Code ставит make hooks-install, он входит в make install-all. Затем откройте http://localhost:3000.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Хуки передают бэкенду ввод и вывод инструментов и пути к файлам, поэтому по умолчанию разрешен только локальный адрес.
- С OpenAI-совместимым API для сводок тексты уходят внешнему сервису.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Claude Office Visualizer показывает в браузере, что делают агенты, в виде анимированного офиса. Главный агент выступает начальником, порожденные им субагенты работают сотрудниками, а состояния работы, делегирования и ожидания видны по персонажам и репликам в облачках. Хуки Claude Code отправляют события на локальный бэкенд, фронтенд получает их по WebSocket. На доске в офисе доступны двенадцать режимов: список дел, фоновые задачи, диаграмма вызовов инструментов, оргструктура, таймлайн, канбан и другие. Корзина заполняется бумагой по мере роста контекста, а при сжатии контекста начальник давит на нее. Принтер срабатывает, когда агент закончил отчет или документ. Панель Command Center собирает начальников всех живых терминалов в один офис со столбцами «Нужны вы», «Работают», «Готово» и «Завершены». Многоэтажный режим показывает отдельные офисы по этажам. Краткие названия агентов и описания задач создает claude CLI по умолчанию, вместо него можно указать любой OpenAI-совместимый API или выключить сводки.
Для кого. Разработчикам, которые запускают несколько сессий Claude Code с субагентами и хотят видеть, какая из них работает, ждет ответа или уже закончила.
Подходит, если
- Параллельно идут три терминала с Claude Code, и надо быстро понять, какой из них ждет вашего решения.
- Хочется наглядно увидеть, как главный агент делегирует задачи субагентам.
- Нужно следить за ростом контекста и моментом его сжатия без чтения логов.
- На демонстрации требуется живая картинка того, что делает агент.
- В OpenCode нужен тот же обзор через его плагин.
Не подходит, если
- Нужны точные метрики стоимости и токенов для отчетности: визуализация показывает активность, а не бухгалтерию.
- Сервер надо вынести на удаленную машину без доверенной сети: события содержат ввод и вывод инструментов и пути к файлам.
- В среде нельзя поставить Python 3.13 и Node.js 20.
Пример запроса к агенту
Запусти Claude Office и покажи, что сейчас делают мои субагенты.Ограничения
Нужны Python 3.13, Node.js 20 или Bun, пакетный менеджер uv и установленный Claude Code либо OpenCode с Bun.
События содержат ввод и вывод инструментов и пути к файлам. По умолчанию действует LOCALHOST_ONLY, а нелокальный адрес API плагин OpenCode и хуки Claude Code принимают только при CLAUDE_OFFICE_ALLOW_REMOTE=1.
Сводки по умолчанию делает claude CLI под вашей подпиской, при OpenAI-совместимом API тексты уходят этому сервису.
Как отключить. Уберите хуки Claude Code из настроек, которые добавил `make hooks-install`, и остановите бэкенд и фронтенд. Для OpenCode удалите плагин.
Частые вопросы
Как запустить Claude Office?
Склонируйте репозиторий, выполните `make install-all` и `make dev-tmux`, откройте http://localhost:3000 и запустите любую команду в Claude Code. Событие появится в офисе.
Работает ли визуализатор с OpenCode?
Да, для OpenCode есть отдельный плагин, а `make docker-config` направляет и хуки, и плагин на порт 8050. Дочерние сессии @agent из OpenCode в офис не попадают.
Как включить AI-сводки?
По умолчанию SUMMARY_BACKEND равен claude-cli и использует ваш вход в Claude. Для OpenAI-совместимого API задайте SUMMARY_BACKEND=openai и адрес, ключ, модель, для отказа укажите `disabled`.
Что такое Command Center?
Общий обзор нескольких терминалов в одном офисе: начальник каждой живой сессии стоит в своей колонке по статусу. Он появляется в шапке при двух и более активных сессиях.
Куда уходят данные событий?
На локальный бэкенд FastAPI. Нелокальный адрес API заблокирован, пока не задан CLAUDE_OFFICE_ALLOW_REMOTE=1.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныПиксельный офис в браузере: каждая сессия Claude Code или Codex сидит за столом, печатает и поднимает руку, когда ждет ответа.
Плагин Claude Code рисует 3D-офис, где сессия и субагенты работают за столами по реальным транскриптам, без настройки.
Рабочая папка для Claude Code: хуки с локальной Ollama определяют тип проекта, подбирают скиллы и напоминают вести документацию
Claudette ведет несколько сессий Claude Code параллельно, каждую в своем рабочем дереве git, из окна или из консоли
Оркестрация нескольких агентов для Claude Code: команды, роли, автопилот и распределение задач между скиллами и субагентами
Среда для Claude Code, которая держит контекст между сессиями через хуки, леджеры и передачи, оркеструет агентов и экономит токены
Коротко о README
README содержит оглавление, скриншоты, разделы с историей версий до 0.25.1, список возможностей, быстрый старт, ручную установку и необязательные AI-улучшения. Дальше идут разработка, структура проекта, разбор неполадок и ссылки на документацию.