오픈소스 웹 대시보드가 원격 워크플로우를 위한 Claude 토큰 사용량을 추적합니다

한 개발자가 원격 및 헤드리스 환경에서 Claude 토큰 사용량을 추적하기 위한 웹 기반 대시보드인 react-ai-token-monitor를 오픈소스로 공개했습니다. 이 도구는 기존 데스크톱 모니터링 도구들이 서버, 개발 컨테이너, CI 또는 SSH 워크플로우에서 잘 작동하지 않아서 만들어졌습니다.

주요 세부사항

이 대시보드는 실시간 업데이트를 위해 Server-Sent Events(SSE)와 chokidar 감시자를 사용하여 로컬 ~/.claude/projects/**/*.jsonl 파일을 실시간으로 파싱합니다. Opus, Sonnet, Haiku 모델 및 캐시 읽기/쓰기 작업에 대한 현재 API 가격을 기반으로 비용을 계산합니다.

주요 기능은 다음과 같습니다:

• 모델별 분석
• 캐시 효율성 도넛 차트
• GitHub 스타일 활동 히트맵
• 주간 및 월간 추세
• 3D 개요 그래프(순수 SVG)
• 다크 테마
• 외부 API 호출 없음 - 모든 데이터는 로컬에 유지됨

2026년 3월 개발자 자신의 사용 데이터는 다음과 같이 나타났습니다:

• 660만 토큰 소비
• API 가격 기준 4,808달러 상당 가치
• 129회 세션
• 캐시 읽기가 사용량을 지배하며 일부 날짜에는 100% 효율성(214만 개 이상 캐시된 토큰)
• 고토큰 날짜(최대 99.7만)가 항상 가장 생산적인 날은 아니었음
• Haiku가 예상보다 캐시를 통해 더 많이 나타남

설정 및 사용법

이 도구를 실행하려면:

npm install && npm run dev

서버는 휴대폰이나 브라우저에서 네트워크 접근을 위해 0.0.0.0에 바인딩됩니다. 이 도구는 MIT 라이선스로 제공되며 Claude Code를 사용하여 구축되었습니다.

개발자는 CSV 내보내기, 한도 알림, 다중 프로젝트 지원과 같은 추가 기능에 대한 커뮤니티 피드백을 구하고 있습니다.