[레딧-클로드코드] claude-devtools — Claude Code 세션 로그 시각화 도구 (비공식)

Anthropic 공식 제품이 아닌, 커뮤니티 개발자가 만든 서드파티 오픈소스 프로젝트다.
레딧에서 추천 많이 받아서 가져온 글

Claude Code의 터미널 출력은 "Read 3 files", "Edited 2 files"처럼 요약되어, 실제로 어떤 파일을 읽고 무엇을 수정했는지 보이지 않는다. compaction이 발생하면 이전 컨텍스트가 사라지고, 서브에이전트가 무슨 작업을 했는지도 추적이 어렵다.

claude-devtools가 보여주는 것

• 모든 파일 읽기/편집/bash 명령을 인라인 diff와 구문 강조로 표시
• 턴별 토큰을 7개 카테고리(CLAUDE.md, 도구 입출력, thinking 토큰, 스킬 활성화, 사용자 텍스트 등)로 분류
• 컨텍스트 윈도우가 채워지는 과정, compaction 시점, 드롭되는 내용을 시각화
• 서브에이전트/팀 기능의 전체 실행 트리를 중첩 구조로 표시 (프롬프트, 도구 호출, 토큰, 비용, 소요시간)

설치와 동작 방식

• ~/.claude/ 폴더의 기존 로그 파일을 읽기 전용으로 파싱. Claude Code를 수정하거나 감싸지 않음
• Electron 앱, Docker 컨테이너, Node 서버 중 선택 가능
• API 키나 설정 파일 불필요. 설치 후 바로 사용
• GitHub: matt1398/claude-devtools

커뮤니티 인사이트 (댓글)

• 컨텍스트 윈도우 시각화만으로도 가치가 있다는 의견. Claude가 세션 중간에 내용을 잊는 이유를 compaction 시점과 드롭 내용으로 확인할 수 있음
• 시스템 아키텍처 논의를 했던 세션을 /resume으로 못 찾았는데, 이 도구로 2분 만에 찾았다는 사용 사례
• 반론도 있음: 에이전트의 모든 동작을 마이크로 체크하면 에이전트를 쓰는 의미가 없다는 관점. 디버그 로그를 읽을 시간이 없다는 의견도