ローカルダッシュボードは、Claude Codeの使用状況をトークンコスト、ツール呼び出し、セッション分析で追跡します。

機能概要

開発者は、~/.claude/ディレクトリから直接読み取ることでClaude Codeの使用状況を可視化するローカルダッシュボードを作成しました。このツールは、情報を外部サービスに送信することなくセッションデータを視覚化します。

主な機能

• セッションおよびプロジェクトごとのトークン使用量と推定コスト
• 日次内訳付きの30日間コストチャート
• ツール呼び出しの内訳（Read、Write、Bash、Grepなど）
• 全セッションで最も編集されたファイル
• 時間帯別アクティビティヒートマップ
• 完全な会話ビューアー - 任意のプロンプトをクリックして全てのツール呼び出しと応答を確認可能
• キャッシュヒット率（コンテキストの再利用効率を表示）
• アクティブストリークトラッキングと検索機能付きセッション履歴

仕組み

このダッシュボードは、Claude Codeがローカルに書き込むJSONLセッションファイルを読み取るためにExpress APIを使用しています。フロントエンドはReactで構築されており、全てのデータ処理はユーザーのマシン上で行われます。開発者は、Claude Codeを頻繁に使用する中で「実際に何をしているのか、どのセッションが最もコストがかかるのか、どのツールが最も頻繁に呼び出されるのかが全く見えなかった」ため、このツールを構築したと述べています。

このツールはGitHubで公開されています：https://github.com/rohitsasi720/claude-code-tracker。