概要

claude-spendは、Claude Code（Anthropicのコード向け対話モデル）を日常的に使うユーザー向けに作られたトークン消費の可視化ツールです。READMEにある「One command, zero setup」という方針どおり、初期設定をほとんど必要とせずに実行できるのが特徴で、どのプロンプトや会話がトークンを多く消費しているかを把握できるUIを提供します。スクリーンショットからは、テーブルやグラフで利用状況を素早く確認できるシンプルなインターフェイスであることが読み取れます。開発は小規模で、フロントエンド中心の構成になっているようです。

リポジトリの統計情報

スター数: 29
フォーク数: 4
ウォッチャー数: 29
コミット数: 4
ファイル数: 5
メインの言語: HTML

主な特徴

ワンコマンドで起動、ほぼゼロ設定で利用可能を目指す使いやすさ
プロンプト／セッション単位でのトークン消費の可視化（テーブル・グラフ）
軽量なフロントエンド構成（HTML主体、package.jsonあり）
ローカルでの素早い解析と確認に特化

技術的なポイント

READMEと公開ファイル構成から読み取れる技術的要点を整理します。まず、リポジトリはファイル数が少なく、言語判定がHTMLになっていることから、単一ページの静的フロントエンド（あるいは軽量なElectron/ブラウザベースのUI）として実装されている可能性が高いです。package.jsonとpackage-lock.jsonがあるため、Node.jsのスクリプトやビルド／起動コマンドが用意されており、「One command」でローカルサーバを立ち上げるか、解析処理を実行してブラウザを開く形が想定されます。スクリーンショットが示すUIは、プロンプトごとの行と集計グラフを並べる典型的なダッシュボードで、トークン集計ロジックはクライアント側で実行されるか、ローカルのログ／履歴ファイルを読み込んで集計する実装が考えられます。

トークン消費を正確に可視化するためには、モデルのトークナイザ仕様に基づくトークン化処理（system/user/assistant別の分離、コンテキスト長の計算など）が必要です。本プロジェクトは小規模ながら、そのようなトークン計算を組み込み、会話単位やプロンプト単位での消費量を算出していると思われます。拡張ポイントとしては、APIベースの利用履歴取得、複数モデル対応、より詳細な時間軸での可視化、CSVエクスポートなどが考えられ、package.jsonにスクリプトや依存が記述されているなら、これらを手軽に追加する余地があります。コミット数が少ないためコア機能に集中した設計で、導入の敷居が低い点が魅力です。

プロジェクトの構成

主要なファイルとディレクトリ：

.gitignore: file
README.md: file
package-lock.json: file
package.json: file
src: dir

まとめ

ワンコマンドで使えるトークン可視化の簡潔な実装。導入が容易。

リポジトリ情報：

名前: claude-spend
説明: 説明なし
スター数: 29
言語: HTML
URL: https://github.com/writetoaniketparihar-collab/claude-spend
オーナー: writetoaniketparihar-collab
アバター: https://avatars.githubusercontent.com/u/247849332?v=4

READMEの抜粋：

claude-spend

See where your Claude Code tokens go. One command, zero setup.

Problem

I’ve been using Claude Code every day for 3 months. I hit the usage limit almost daily, but had zero visibility into which prompts were eating my tokens. So I built claude-spend. One command, zero setup.

How does it look

<img width=“1906” heigh…

Claude Spend — Claude Codeのトークン消費可視化ツール