Писать код с Claude Code — удовольствие, но когда возникает вопрос «что он сейчас вообще делает», остаётся только гадать. Открытый проект меняет эту ситуацию.
Разработчик matt1398 выпустил claude-devtools (ранее Claude Code Context) — десктопное приложение на Electron, которое предоставляет визуальный интерфейс отладки для Claude Code, аналогичный DevTools браузера. За две недели проект набрал 3.2k звёзд, последний коммит был сделан вчера.
Какую проблему решает
Claude Code работает в терминале, и все логи сессий, вызовы инструментов, генерация субагентов и изменения окна контекста идут текстовым потоком. claude-devtools извлекает эту информацию и отображает её графически:
| Функция | Описание |
|---|---|
| Логи сессий | Отображение полной истории разговора текущей сессии в реальном времени |
| Вызовы инструментов | Визуализация входов и выходов каждого вызова |
| Расход токенов | Статистика токенов на запрос для оптимизации контекста |
| Статус субагентов | Мониторинг создания, выполнения и завершения субагентов |
| Окно контекста | Отображение текущего использования контекста в реальном времени |
Почему это важно
Наблюдаемость AI-агентов становится отдельной категорией. Подход claude-devtools ясен: он не заменяет Claude Code, а выступает как его «панель отладки». Это особенно полезно для трёх групп:
- Промпт-инженеры: нужно сократить промпт для экономии токенов, но непонятно, какие части Claude Code реально использует
- Разработчики агентов: нужна прозрачная цепочка вызовов для проверки поведения кастомных моделей
- Руководители команд: нужно мониторить потребление ресурсов и паттерны поведения агентов
Быстрый старт
# Клонировать проект
git clone https://github.com/matt1398/claude-devtools.git
cd claude-devtools
# Установить зависимости и запустить
npm install
npm run devОграничения
- В настоящее время поддержка macOS; Windows/Linux в разработке
- Зависит от путей к лог-файлам Claude Code
- Ограниченная поддержка удалённых инстансов Claude Code