Как поселить своих AI-агентов в уютном пиксельном офисе

Часто ловлю себя на мысли, что работа современных LLM-агентов — это какая-то магия в черном ящике. Ты отправляешь запрос, видишь крутящийся лоадер, а что там происходит внутри? Пишет ли он код, ищет ли информацию в сети или просто «завис» на сложной логике — остается только гадать. Ребята из команды Ring Hyacinth решили эту проблему максимально лампово. Они создали Star-Office-UI, который превращает скучные логи работы нейросетей в живую пиксельную диораму.

Что это за проект

Если вкратце, это визуальный дашборд для мониторинга состояния AI-агентов. Представьте себе классическую RPG в стиле 16-бит: офис, диванчики, рабочие столы. Когда ваш агент начинает работать, его персонаж в этом виртуальном офисе встает с дивана и идет к компьютеру. Если возникла ошибка — он перемещается в зону с «багами».

Проект вырос как дополнение к фреймворку OpenClaw, но его легко адаптировать под любую систему, которая умеет отправлять HTTP-запросы. По сути, это фронтенд для визуализации статусов, написанный на связке Flask и Phaser (движок для 2D-игр).

Чем он может зацепить разработчика

Сама идея превратить мониторинг в игру не нова, но тут подкупила проработка деталей.

1. Визуализация состояний через анимацию. В системе заложено шесть основных статусов: ожидание (idle), написание кода (writing), исследование (researching), выполнение задач (executing), синхронизация данных (syncing) и ошибка (error). Каждому статусу соответствует своя зона в офисе и анимация персонажа.
2. Yesterday Memo. Проект умеет подтягивать записи из папки memory/ и выводить их в виде карточки «Что было сделано вчера». Удобно, когда нужно быстро вспомнить, на чем остановился агент за прошлую сессию.
3. Мультиагентность. Это не просто одиночная камера. С помощью системы Join Keys в один офис можно пригласить сразу несколько агентов. Выглядит забавно: один «кодит» за столом, другой в это время ищет инфу, а третий отдыхает на диване.
4. Интеграция с ИИ для декора. В комплекте идет фича по смене фона офиса через Gemini API. Вы пишете промпт, и нейронка генерирует новый стиль для вашего рабочего пространства.

Как это устроено внутри

Архитектура проекта довольно простая, что я считаю плюсом — в ней легко разобраться за вечер. На бэкенде трудится Flask, который управляет состояниями агентов и раздает ассеты. Состояние хранится в обычном JSON-файле state.json.

Фронтенд реализован на Phaser. Интересный момент: разработчики добавили проверку сложности паролей и защиту сессий даже в такой, казалось бы, декоративный проект. Видимо, опыт эксплуатации в открытой сети дал о себе знать.

Кстати, для тех, кому мало вкладки в браузере, есть экспериментальная версия на Electron. Она превращает офис в «настольного питомца» с прозрачным фоном. Можно повесить такое окошко поверх IDE и краем глаза поглядывать, чем там занят ваш виртуальный помощник.

Практическая польза или просто игрушка

На первый взгляд кажется, что это чистый фан. Но если вы занимаетесь разработкой сложных AI-пайплайнов, Star-Office-UI может стать неплохой альтернативой унылым логам в терминале.

Кейс использования может быть таким: вы запускаете тяжелую задачу по парсингу и анализу данных, которая длится полчаса. Вместо того чтобы каждые пять минут проверять консоль, вы выводите этот дашборд на второй монитор или планшет. По положению человечка сразу понятно: процесс идет (сидит за столом) или где-то вылетел эксепшн (стоит в красной зоне).

Как запустить у себя

Для запуска понадобится Python 3.10 или выше (из-за синтаксиса типизации). Процесс установки стандартный:

git clone https://github.com/ringhyacinth/Star-Office-UI.git
cd Star-Office-UI
python3 -m pip install -r backend/requirements.txt
cp state.sample.json state.json
cd backend
python3 app.py

После этого по адресу http://127.0.0.1:19000 откроется ваш офис. Чтобы «оживить» персонажа, можно отправить команду через скрипт:

python3 set_state.py writing "Пишу обзор на крутой репозиторий"

Стоит ли пробовать

Star-Office-UI — это проект с душой. Он вряд ли заменит профессиональные системы мониторинга вроде Grafana, но он и не про это. Он про эстетику и попытку сделать взаимодействие с искусственным интеллектом чуть менее стерильным и чуть более человечным.

Особенно проект зайдет тем, кто любит пиксель-арт и хочет визуализировать работу своих скриптов нестандартным способом. Пока документация местами завязана на китайском языке, но кода и английского README вполне хватает, чтобы поднять систему за пять минут. Также стоит учитывать, что графические ассеты предоставлены автором LimeZu для некоммерческого использования, так что для публичного SaaS-продукта их придется заменить.