Claude Usage banner
flukelaster flukelaster

Claude Usage

Development community

Description

Local dashboard for visualizing Claude Code token usage and estimated API costs

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Claude Usage Dashboard

Claude Usage Dashboard

Local dashboard for visualizing token usage and estimated costs from Claude Code session logs.

TanStack Start SQLite Tailwind v4 MIT License

**Note:** This dashboard reads local Claude Code logs from `~/.claude/projects/`. It does NOT access the Anthropic API — all data comes from your local filesystem. Costs shown are **estimated equivalent API costs**, not actual charges (especially relevant for Claude Max subscribers).


Screenshots

Overview

KPI cards, daily cost/token charts, top projects, and recent sessions at a glance.

![Overview](docs/screenshots/overview.png)

Daily Usage

Detailed daily breakdown with per-model badges, token columns, and totals — like running `ccusage daily` but in your browser.

![Daily Usage](docs/screenshots/daily-usage.png)

Cost Forecast

Current month spend, projected end-of-month cost, burn rate trend, and optional budget tracking with visual progress bar.

![Cost Forecast](docs/screenshots/forecast.png)

Peak Hours

GitHub-style activity heatmap (day-of-week x hour) showing when you use Claude the most. Toggle between message count and cost view.

![Peak Hours](docs/screenshots/peak-hours.png)

Session Efficiency

CLI vs VS Code comparison, scatter plot of cost vs messages, weekly cost trend, and sessions ranked by cost-per-message.

![Efficiency](docs/screenshots/efficiency.png)

What-If Analysis

"What if everything was Haiku?" — model cost simulator with side-by-sid