Tableau de bord web open-source surveille l'utilisation des jetons Claude pour les workflows distants.

Un développeur a rendu open-source react-ai-token-monitor, un tableau de bord web pour suivre l'utilisation des tokens Claude dans des environnements distants et sans interface graphique. L'outil a été créé car les outils de surveillance de bureau existants ne fonctionnent pas bien pour les workflows serveur, conteneurs de développement, CI ou SSH.

Détails clés

Le tableau de bord analyse en temps réel les fichiers locaux ~/.claude/projects/**/*.jsonl à l'aide d'un observateur chokidar avec Server-Sent Events (SSE) pour des mises à jour en direct. Il calcule les coûts en fonction des tarifs API actuels pour les modèles Opus, Sonnet et Haiku, ainsi que les opérations de lecture/écriture du cache.

Les fonctionnalités incluent :

• Répartition des modèles
• Graphiques en anneau de l'efficacité du cache
• Carte de chaleur d'activité style GitHub
• Tendances hebdomadaires et mensuelles
• Graphique de vue d'ensemble 3D (SVG pur)
• Thème sombre
• Aucun appel API externe - toutes les données restent locales

Les propres données d'utilisation du développeur de mars 2026 ont montré :

• 6,6 millions de tokens consommés
• Valeur équivalente de 4 808 $ aux tarifs API
• 129 sessions
• Les lectures du cache ont dominé l'utilisation avec 100 % d'efficacité certains jours (plus de 2,14 millions de tokens en cache)
• Les jours à fort volume de tokens (pic de 997 000) n'étaient pas toujours les plus productifs
• Haiku est apparu plus via le cache que prévu

Installation et utilisation

Pour exécuter l'outil :

npm install && npm run dev

Le serveur se lie à 0.0.0.0 pour un accès réseau depuis les téléphones ou navigateurs. L'outil est sous licence MIT et a été construit avec Claude Code.

Le développeur sollicite les retours de la communauté sur des fonctionnalités supplémentaires comme l'export CSV, les alertes de limite et le support multi-projets.