Представьте: вы запускаете десяток ИИ-агентов, а вместо скучных логов в терминале видите… крошечных человечков, снующих по пиксельному офису. Один сидит за столом и пишет код, другой тащит баг-репорт к «менеджеру», третий в углу нервно пьёт кофе (спойлер: это агент, который завис в цикле). Звучит как эпизод Silicon Valley? Это Silicon Office — открытая десктоп-обёртка для Claude Code, построенная на Electron. И да, это работает.
Почему терминал — это скучно, а пиксели — весело
Большинство мультиагентных систем (вроде «деревни» агентов) живут в чёрном окне. Ты запускаешь скрипт, видишь миллион строк, пытаешься понять, кто за что отвечает. Агент A пишет код, агент B ревьюит, третий тащит изменения в прод. Но без визуализации ты слеп как крот.
Silicon Office решает эту проблему именно там, где она возникает — на рабочем столе. Приложение рисует офис: комнаты, столы, человечков, которые анимируются в зависимости от состояния агента. Каждый агент — это персонаж со своей иконкой (например, ноутбук для разработчика, лупа для тестировщика). Анимации включаются, когда агент начинает задачу, завершает её или ошибается.
При этом ты всё ещё можешь кликнуть на агента — и откроется его лог, промпты, результаты. То есть, это не игрушка, а рабочий инструмент с приятным лицом.
Как это устроено (без лишних деталей)
В основе — Electron, который оборачивает веб-интерфейс с канвасом для отрисовки пиксельных спрайтов. Claude Code запускается как дочерний процесс (через Node.js). Silicon Office перехватывает stdout/stderr агентов, парсит ключевые события (start_task, complete, error, request) и транслирует их в анимации.
Управление агентами — через JSON-конфиг прямо в интерфейсе. Можно добавить нового агента, задать ему роль (codereview, tester, writer) и указать, какой Claude Code-процесс он представляет. Всё это делает мультиагентную настройку интуитивной — даже для тех, кто не хочет лезть в продакт-менеджерские дебри.
1 Живая карта офиса
Приложение отрисовывает комнаты: «Разработка», «Тестирование», «DevOps», «Кофе-брейк». Агенты перемещаются между ними в зависимости от текущей задачи. Можно даже увидеть, как два агента «встречаются» в переговорной (это момент, когда один вызывает другого через handoff).
2 Кастомные скины и спрайты
Если вас бесит стандартный пиксель-арт (хотя он милый), можно подсунуть свои PNG-спрайты или даже анимированные SVG. Есть поддержка тем: тёмная, светлая, ретро-зелёный монитор. Ребята из комьюнити уже нарисовали скины под «Офис» и «Футураму».
3 Прозрачность логов
Клик по персонажу — и справа выезжает панель с полным логом его сессии. Можно увидеть каждый промпт, ответ, затраченные токены (парсинг из вывода Claude Code). Это убивает главный страх: «А не сделал ли агент какую-то дичь?».
Сравнение с альтернативами: почему не просто tmux?
| Критерий | Silicon Office | Tmux + watch | Самодельный веб-UI |
|---|---|---|---|
| Визуализация агентов | Пиксельный офис с анимациями | Только текст | Таблицы/списки (если заморочиться) |
| Сложность установки | npm install && npm start | Встроен в macOS/Linux | От часов до дней разработки |
| Интеграция с Claude Code | Готовая, через JSON-конфиг | Только ручной запуск процессов | Нужно писать парсер самому |
| Кастомизация | Спрайты, темы, макеты комнат | Цвета, раскладка панелей | Полная, но руками |
Конечно, если вы хардкорный консольщик, который заменил облако локальными моделями и живёт в tmux, то Silicon Office вам покажется излишеством. Но для команд, где нужно быстро показать заказчику, что ИИ-агенты «работают», или для себя, когда хочется красивого мониторинга, — альтернатив практически нет.
Живой пример: ревью кода с пиксельной драмой
Допустим, у вас есть задача: автоматизировать финансовую отчётность. Вы запускаете пять агентов на Claude Code (писатель кода, тестировщик, документатор, ревьюер, деплойер). В терминале — каша. А в Silicon Office:
- Писатель сидит за столом и «стучит по клавишам» — анимация мигающего экрана.
- Когда код готов, он встаёт и идёт к ревьюеру (персонажи перемещаются по офису).
- Ревьюер с лупой рассматривает код (анимация увеличительного стекла).
- Если находит баг — кидает красную метку, писатель возвращается к себе.
- Всё это сопровождается звуками старого ксерокса и шелестом бумаги (опционально).
Вы можете в любой момент кликнуть на агента и прочитать, какой именно баг он нашёл, не отвлекаясь от анимации. Система «совета» в этом контексте выглядит особенно эффектно: агенты собираются в переговорке, а их иконки накладываются друг на друга — символ коллаборации.
Что под капотом: быстрый старт (без кода)
Проект открыт на GitHub. Установка — пара команд. Если вы уже работали с базовым руководством по Claude Code, то справитесь за 5 минут:
git clone https://github.com/silicon-office/silicon-office
cd silicon-office
npm install
# настройте config.json (укажите пути к Claude Code и ролям агентов)
npm startВсё. Откроется окно с пиксельным офисом. Далее вы можете добавить агентов прямо из интерфейса, без редактирования конфигов.
Предупреждение: Проект требует, чтобы Claude Code был установлен и авторизован. Если у вас агенты играют в OSU!, то сначала выключите игровые сессии — иначе офис заполнится танцующими агентами.
Кому это реально нужно (и не нужно)
Подойдёт, если:
- Вы управляете командой ИИ-агентов (от 3 до 50) и хотите видеть их состояние на одном экране.
- Вам нужно демонстрировать результаты заказчику или начальнику — пиксельный офис снимает страх перед «чёрным ящиком».
- Вы фанат ретро-эстетики и готовы потратить 10 минут на настройку ради эстетического удовольствия.
- Вы строите саморазвивающуюся мультиагентную систему и хотите наблюдать за её эволюцией визуально.
Не подойдёт, если:
- У вас всего один агент — проще смотреть на его вывод в консоли.
- Вы работаете на сервере без GUI — Silicon Office требует дисплей.
- Вас бесят пиксель-арт и любая «игривость» в интерфейсах.
А что дальше?
Разработчики проекта обещают в следующих версиях мультиплеер (чтобы несколько разработчиков видели один офис) и поддержку других AI, помимо Claude Code. Уже сейчас можно интегрировать любую программу, которая выводит JSON-логи в stdout — достаточно написать небольшой адаптер. Так что, если вы хотите уйти от зависимости от однообразного кодирования и добавить в работу с AI толику геймификации — Silicon Office ваш выбор. А если вы боретесь с шаблонным AI-дизайном, то именно такие нестандартные решения рождают новые стандарты.
