Claude Code skill · MIT · free
claude-usage-card — the usage panel, back
For those who liked to follow their token usage and other metrics along with the Claude Code heatmap: this skill recreates that panel on your computer, as a small, local and private HTML card.
- Sessions, messages, total tokens and active days
- Current and longest streak, peak hour and favorite model
- A heatmap of the last weeks, with All, 30-day and 7-day filters
- A per-model tab, two visual styles (Claude and Rave) and a playful comparison with books
It is an estimate
The numbers are calculated from the files Claude Code keeps on your computer, and are not a copy of the original panel. In my tests, the 89-day total came within about 2% of the original panel (day by day, the difference is larger).
Private
Everything is local: the card contains no conversation text and no project names, and the generated page makes no network requests.
What you need
Node.js and Claude Code (the data comes from the computer where it runs). Tested on Windows. The card interface is in Brazilian Portuguese.
How to install
git clone https://github.com/OtavioPelego/claude-usage-card.git ~/.claude/skills/claude-usage-card
Then open Claude Code and ask: “show my Claude Code usage card”.