A CloudCLI UI plugin that displays Claude Code token usage and costs via ccusage.
Option A — via CloudCLI UI: Open Settings > Plugins, paste this repository's Git URL, and click Install.
Option B — manual:
git clone <repo-url> ~/.claude-code-ui/plugins/ccusage
cd ~/.claude-code-ui/plugins/ccusage
npm install
npm run build| Daily | Monthly |
|---|---|
![]() |
![]() |
| Session | 5-Hour Blocks |
|---|---|
![]() |
![]() |
Option A — via CloudCLI UI: Open Settings > Plugins, find Claude Code Cost, and click Update.
Option B — manual:
cd ~/.claude-code-ui/plugins/ccusage
git pull
npm install
npm run buildThen reload CloudCLI (refresh the browser or restart the container).
- Node.js (for
npxto run ccusage) - ccusage reads from
~/.claude/projects/, so the plugin only sees usage from the same user account that runs CloudCLI.
The spawned ccusage version is pinned to ccusage@~20.0 in src/server.ts. ccusage has historically made breaking JSON-schema and flag changes between minors; bumping past ~20.0 requires updating the plugin's types and field reads in lockstep.
MIT



