Если вы активно используете Claude Code в терминале, то знаете это чувство: ИИ что-то делает, что-то читает, что-то редактирует… а вы видите только лаконичное «Read 3 files» или «Edited 2 files». Без путей, без контекста, без понимания, куда улетели токены.
И вот появляется open-source проект claude-devtools, который буквально говорит: «Хватит. Пора вернуть контроль».
Что произошло и почему это вообще проблема
После обновлений Claude Code стал куда менее разговорчивым в CLI. Вместо подробных трассировок — сжатые резюме действий.
Хочешь детали? Запускай --verbose — и получай лавину JSON, системных промптов и внутренней телеметрии.
Иначе говоря, у разработчика было два варианта:
🧊 Видеть слишком мало
🌊 Или утонуть в шуме
Середины не было.
Проект claude-devtools (репозиторий: matt1398/claude-devtools) решает эту проблему радикально просто:
Он ничего не меняет в Claude Code.
Он просто читает уже существующие логи из ~/.claude/ и превращает JSONL в полноценный визуальный интерфейс.
Без API-ключей.
Без проксирования.
Без «обёрток».
В чём ключевая идея
Большинство GUI-инструментов вокруг Claude делают одно и то же: они оборачивают CLI.
Это значит:
🧩 Они подсовывают свои системные промпты
🧩 Меняют способ вызова
🧩 Показывают только те сессии, которые запущены через них
claude-devtools работает иначе.
Он не вмешивается. Он реконструирует.
Это похоже на отладчик, который восстанавливает полную трассировку выполнения (execution trace) из логов — с токенами, контекстом, вызовами инструментов и даже дочерними агентами.
И вот здесь начинается самое интересное.
Видим то, что раньше было скрыто
🔍 Реконструкция контекста
Claude Code не показывает реальный состав окна контекста (context window).
А ведь это критично:
📈 Что съело 8 000 токенов?
📈 Почему произошла компактация?
📈 Сколько весит CLAUDE.md по сравнению с tool output?
Инструмент разбивает токены по категориям:
⚙️ пользовательский текст
⚙️ CLAUDE.md (глобальный, проектный, директория)
⚙️ вызовы инструментов (input/output)
⚙️ «thinking»
⚙️ команды команды (TeamCreate, TaskUpdate и т.д.)
Это уже не чёрный ящик. Это полноценная аналитика.
📉 Визуализация компактации
Когда Claude упирается в лимит контекста, он сжимает историю.
В терминале вы этого даже не заметите.
claude-devtools показывает момент, где произошла компакция (compaction), сколько токенов исчезло и как изменился состав окна.
Для тех, кто строит сложные пайплайны или многошаговые агентные системы — это буквально must-have.
🛠️ Инспектор инструментов
Каждый tool call теперь отображается как отдельная карточка:
🧾 Read — с подсветкой синтаксиса и номерами строк
🧾 Edit — с inline diff (+/− изменения)
🧾 Bash — с полноценным выводом команды
🧾 Subagent — как раскрываемое дерево исполнения
Если вы когда-нибудь пытались понять, почему агент испортил файл — вы оцените это мгновенно.
👥 Визуализация команд и субагентов
Claude Code теперь умеет создавать команды агентов (TeamCreate, SendMessage, TaskUpdate).
В CLI это выглядит как хаос.
В интерфейсе — это:
🎨 Цветные карточки участников
🌳 Рекурсивное дерево субагентов
📊 Отдельные метрики по каждому
Это уже похоже не на чат-лог, а на IDE для AI-команд.
Техническая сторона: как это реализовано
Проект написан на TypeScript (98% кода) с использованием Electron + Vite.
Есть несколько режимов запуска:
🖥 Desktop-приложение (macOS, Linux, Windows)
🐳 Docker-режим
🌐 Standalone Node.js сервер
Docker-запуск выглядит буквально так:
docker run -p 3456:3456 -v ~/.claude:/data/.claude:ro claude-devtools
Важно:
Сервер не делает исходящих сетевых запросов.
Можно даже запустить в полностью изолированной сети:
docker run --network none ...
Для параноиков (и я их понимаю) — это жирный плюс.
Почему это на самом деле важнее, чем кажется
Мы постепенно переходим к «agent-first» разработке.
ИИ не просто автодополняет код — он:
🧠 Планирует
🧠 Делегирует
🧠 Порождает субагентов
🧠 Управляет контекстом
Но без прозрачности это превращается в «вайб-инженерию» — ощущение, что всё работает, пока однажды не сломается.
claude-devtools возвращает инженерный контроль:
⚙️ Мы снова видим трассировку
⚙️ Мы понимаем расход токенов
⚙️ Мы можем дебажить агентные цепочки
⚙️ Мы отслеживаем доступ к чувствительным файлам (.env и т.д.)
Для меня это шаг от «магии» обратно к «инженерии».
Личное мнение
Я считаю, что это один из самых важных open-source инструментов вокруг Claude Code за последнее время.
Не потому что это красивый UI.
А потому что он решает фундаментальную проблему:
ИИ-инструменты стали слишком абстрактными.
Если мы хотим использовать агентов в production — нам нужна наблюдаемость (observability).
claude-devtools фактически добавляет observability-слой поверх Claude Code.
Это уже не просто «чат с ИИ».
Это инфраструктура.
Что дальше?
Я почти уверен, что в ближайшие месяцы мы увидим:
📈 Интеграции с CI
📈 Экспорт отчётов по сессиям
📈 Метрики стоимости и времени
📈 Аудит-режимы для команд
Agent engineering быстро взрослеет.
И такие инструменты — признак этой зрелости.
Вывод
claude-devtools — это не обёртка и не ещё один GUI.
Это попытка вернуть разработчику контроль в эпоху автономных ИИ-агентов.
И если вы работаете с Claude Code серьёзно, а не просто играете — вам, скорее всего, нужен именно такой инструмент.
Источники
🔗 Оригинальная новость и репозиторий:
https://github.com/matt1398/claude-devtools
🔗 Product Hunt страница проекта (упоминается в README):
https://www.producthunt.com/posts/claude-devtools