AI Usage Dashboard

Your AI Spend, at a Glance

Claude Code・Gemini CLI・OpenCode・Antigravityの使用状況をローカルで集計・可視化するCLIツール。コマンド1行でサーバーを立ち上げ、ブラウザで使用コスト・トークン数・モデル内訳をリアルタイムに確認できます。データは外部に送信せず、ローカルのファイルを読み取るだけ。

npx ai-usage-dashboard

npm

quick start

1 Command, Done

インストール不要。npxで即座に起動します。

Node.js 18+ をインストール

事前インストール不要。npxがNode.jsに同梱されているため、Node.jsさえあれば動作します。

コマンド1行で起動

初回はパッケージを自動ダウンロードし、ローカルサーバーを起動してブラウザを自動オープン。

npx ai-usage-dashboard

ブラウザで確認

http://localhost:3456 でダッシュボードが開く。データはローカル読み取りのみ。外部送信なし。

features

What You Get

コスト可視化

ツール・モデル・プロジェクト別に日次コストをグラフ表示。合計金額をひと目で把握。

モデル内訳

Claude 3.5 Sonnet / Opus / Gemini 2.5 Proなど、モデルごとのトークン比率と金額を可視化。

期間フィルター

今日・7日・30日・全期間を切り替えて使用量のトレンドを確認。

リアルタイム更新

SSEで30秒ごとに自動更新。作業中に使用量がリアルタイムで反映される。

data sources

Reads Local Files

外部APIへのデータ送信は一切なし。ローカルのファイルをread-onlyで読み取るだけ。

Claude Code

プロジェクト別・モデル別のトークン数とコスト。JONSLをフルスキャンして集計（5分キャッシュ）。

~/.claude/projects/**/*.jsonl

Gemini CLI

モデル別・日次のトークン使用量とコスト。SQLiteから直接読み込み。

~/.gemini/usage_data.db

OpenCode

セッション単位のトークン数・コスト。SQLiteをread-onlyで参照。

~/.local/share/opencode/opencode.db

Antigravity

ログディレクトリ数から起動セッション数を算出。

~/Library/Application Support/Antigravity/logs/

cli reference

Options & Env Vars

# Start dashboard (default port 3456)
npx ai-usage-dashboard

# Show help
npx ai-usage-dashboard --help

# Custom port
PORT=4000 npx ai-usage-dashboard

Next.js 15TypeScriptTailwind CSS v4Rechartsbetter-sqlite3npm CLISSE