Как визуализируют работу агентов
Подборка референсов из индустрии — 4 разных подхода, от «живого городка с человечками» до инженерных графов и дашбордов. Посмотри вайб каждого и скажи, в какую сторону крутим нашу панель agentviz.
A Живой мир — агенты-человечки ходят по карте
Самый «игрушечный» полюс. Агенты как персонажи в The Sims: ходят, работают, встречаются, разговаривают. Именно этот вайб ты описывал.
Что взять: спрайтовая карта-«офис» сверху, человечки реально перемещаются между зонами, над головой пузырь с действием. Максимум «жизни», минимум цифр.
C Дашборд Claude Code — карточки, Kanban, маскот
Прямой аналог нашей задачи: мониторинг именно Claude Code — сессии, субагенты, инструменты, токены. Есть кот-маскот Tabby в углу (8 настроений, следит за курсором, пузыри речи).
Что взять: статус-карточки сверху, Kanban «работает / ждёт / готово / ошибка», лента событий, графы связей агентов, аналитика токенов/памяти — и живого маскота как «лицо» панели.
B Граф оркестрации — узлы и потоки
Инженерный подход: каждый агент/шаг — узел, между ними анимированные рёбра потока. Клик по узлу → промпт, модель, токены, вывод. Видно, кто кого запустил.
🧠 оркестратор
🔍 разведка
⌨️ Bash
✏️ правки
Что взять: дерево «оркестратор → субагенты», подсветка активной ветки, живой стрим reasoning прямо на узле. Отлично показывает структуру работы.
D Таймлайн / waterfall — кто и когда работал
Полосы во времени: видно параллельность субагентов, длительность каждого шага, где узкое место. Классика observability (трейсы).
оркестратор
разведка
ревьюер
Bash
правки
Что взять: лента времени внизу панели — сразу видно, сколько субагентов крутилось параллельно и как долго. Хорошо дополняет любой из вариантов выше.
🎯 Моя рекомендация
Для нашего кейса напрашивается гибрид C + A: взять структуру и метрики из Claude-Code-Agent-Monitor (карточки, Kanban, лента, токены/память, маскот-«лицо»), но подать в «живом» ключе направления A — чтобы было наглядно и не сухо. Граф (B) и таймлайн (D) можно добавить как отдельные вкладки позже.
Собрано из открытых источников · картинки — скриншоты проектов их авторов