Open-Source-Web-Dashboard verfolgt den Claude-Token-Verbrauch für Remote-Workflows.

Ein Entwickler hat react-ai-token-monitor als Open-Source veröffentlicht, ein webbasiertes Dashboard zur Verfolgung der Claude-Token-Nutzung in Remote- und Headless-Umgebungen. Das Tool wurde entwickelt, weil bestehende Desktop-Überwachungstools für Server-, Dev-Container-, CI- oder SSH-Workflows nicht gut funktionieren.

Wichtige Details

Das Dashboard analysiert lokale ~/.claude/projects/**/*.jsonl-Dateien in Echtzeit mithilfe eines Chokidar-Watchers mit Server-Sent Events (SSE) für Live-Updates. Es berechnet die Kosten basierend auf aktuellen API-Preisen für Opus-, Sonnet- und Haiku-Modelle sowie Cache-Lese-/Schreibvorgängen.

Zu den Funktionen gehören:

• Modellaufschlüsselungen
• Cache-Effizienz-Donut-Diagramme
• GitHub-ähnliche Aktivitäts-Hitmap
• Wöchentliche und monatliche Trends
• 3D-Übersichtsgrafik (reines SVG)
• Dunkles Design
• Keine externen API-Aufrufe – alle Daten bleiben lokal

Die eigenen Nutzungsdaten des Entwicklers aus dem März 2026 zeigten:

• 6,6 Millionen verbrauchte Tokens
• 4.808 US-Dollar Gegenwert zu API-Preisen
• 129 Sitzungen
• Cache-Lesevorgänge dominierten die Nutzung mit 100 % Effizienz an manchen Tagen (über 2,14 Mio. gecachte Tokens)
• Tage mit hoher Token-Nutzung (Spitze: 997.000) waren nicht immer die produktivsten
• Haiku erschien häufiger über den Cache als erwartet

Einrichtung und Nutzung

Um das Tool auszuführen:

npm install && npm run dev

Der Server bindet an 0.0.0.0 für Netzwerkzugriff von Telefonen oder Browsern. Das Tool ist MIT-lizenziert und wurde mit Claude Code erstellt.

Der Entwickler sucht Feedback der Community zu zusätzlichen Funktionen wie CSV-Export, Limit-Warnungen und Multi-Projekt-Unterstützung.