andrewbakercloudscale

Claude Code Cost Sidebar — Development skill for Claude Code

Development community

Live cost, token and context usage sidebar for Claude Code: a mod that shows cost per turn, cache hit rate, burn rate and 30-day spend inside the session.

How to install Claude Code Cost Sidebar

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

What Claude Code Cost Sidebar does

Live cost, token and context usage sidebar for Claude Code: a mod that shows cost per turn, cache hit rate, burn rate and 30-day spend inside the session.

Alternatives in Development

Edgee — Official Edgee CLI to interract with Edgee's Agent Gateway 127 ★
Burn — SLO burn rate — multi-window alerting that catches budget exhaustion before it happens 83 ★
Decant — Local-first analysis of Claude Code and Codex sessions: token spend, context windows, files touched, and cost 59 ★

README

Claude Code Cost Sidebar

**A live cost and usage panel for Claude Code.**

[!TIP]

⚡ One-line setup: let Claude Code install it

Copy this line (the button at its right) and paste it into a terminal on a Mac:
claude "$(curl -fsSL https://raw.githubusercontent.com/andrewbakercloudscale/claude-code-cost-sidebar/main/SETUP_PROMPT.md)"
Claude Code opens with the setup prompt: it checks what is needed, installs, verifies, and tells you what it changed. No sudo. The prompt it runs is [`SETUP_PROMPT.md`](SETUP_PROMPT.md); already in a session, paste that file's text instead.

**Or install it yourself.** Paste this into a terminal on a Mac:

D="$HOME/claude-code-cost-sidebar"
if [ -d "$D/.git" ]; then git -C "$D" pull --ff-only; else git clone https://github.com/andrewbakercloudscale/claude-code-cost-sidebar.git "$D"; fi \
  && bash "$D/claude-panel-setup.sh"

Then start a new Claude Code session and the sidebar opens by itself. It needs Claude Code 2.1.287 or later, `git`, `jq` and Node.js ([Requirements](#requirements)). Keep the `~/claude-code-cost-sidebar` folder: the sidebar is installed from it. Pasting the same lines again updates it.

**Uninstall.** One paste removes everything setup installed, then the folder:

curl -fsSL https://raw.githubusercontent.com/andrewbakercloudscale/claude-code-cost-sidebar/main/claude-panel-uninstall.sh | bash \
  && rm -rf "$HOME/claude-code-cost-sidebar"

What it removes, and a dry run that only lists it, are under [Uninstall](#uninstall).

Live, always-visible cost and token tracking for **[Claude Code](https://claude.com/claude-code)**, as a **mod**: a sidebar Claude Code itself draws beside the transcript, so you can watch what a coding agent is actually costing you, turn by turn, instead of finding out at the end of the month.