Skip to content

About

Claude Code mods: plugins built on hooks that add live lines above the prompt, guards, panes and games. Context bar, usage meter, Codex review watch, Markdown preview, Spotify now playing and more.

Topics

Resources

Contributing

Security policy

Stars

256 stars

Watchers

1 watching

Forks

Latest commit

ย 

History

94 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Claude Code mods

Make Claude Code show what it's doing.
Plugins for Claude Code, built on function hooks: live lines above the prompt, guards, panes and games. Install only the ones you want.

npm MIT CI

Install ยท All mods ยท Docs ยท What are mods?

context-bar: Claude Code context window usage as a stacked bar, a color per category
๐Ÿ“Š context-bar
what fills your context
review-watch: live lines for running Codex and subagent code reviews in Claude Code
๐Ÿ” review-watch
running code reviews, live
md-preview: Markdown that Claude Code edits, rendered like GitHub next to the diff
๐Ÿ“ md-preview
Markdown rendered like GitHub
blast-radius: a Claude Code hook holds rm -rf and lists the files it would delete
๐Ÿ’ฅ blast-radius
see what rm -rf would delete
now-playing: Spotify track, progress bar and synced lyrics inside Claude Code
๐ŸŽต now-playing
Spotify and its lyrics, live
reels: YouTube Shorts in a Claude Code pane while it works
๐Ÿ“ฑ reels
Shorts while Claude works
where-am-i: the session goal, current step and what waits on you, above the Claude Code prompt
๐Ÿ“ where-am-i
goal, now, waiting on you
token-weather, usage-meter and other Claude Code status lines stacked above the prompt
๐ŸŒฆ๏ธ token-weather and friends
lines above the prompt
mission-control: Claude Code subagents, tool calls and the files they touch, live
๐Ÿ›ฐ๏ธ mission-control
agents and the code they touch

๐Ÿš€ Install

npx claude-code-mods@latest

Tick the mods you want in a checklist, see what each one adds, and press Enter to install. Untick a mod to disable it (its settings stay). Restart Claude Code after. @latest makes npx skip an old cached copy.

  • --project installs for this project only
  • --dry-run prints the claude commands instead of running them
  • --pick a,b turns on exactly these mods, no checklist

It edits the Claude profile that claude uses here, shown at the top. For another profile, set it first: CLAUDE_CONFIG_DIR=~/.claude-other npx claude-code-mods@latest.

Order your bands

Press o in the checklist to order your bands (the lines above the prompt). Move the cursor with up/down or j/k, move a band with Shift+up/down or K/J, and press Enter to save. Esc goes back without saving. The order goes to <config dir>/claude-code-mods/bands.json, where the config dir is CLAUDE_CONFIG_DIR or ~/.claude. Restart Claude Code to apply it. Bands not in the file sit on top.

Other ways

By hand:

claude plugin marketplace add hamzafer/claude-code-mods
claude plugin install context-bar@claude-code-mods

To try one without installing:

git clone https://github.com/hamzafer/claude-code-mods && cd claude-code-mods
claude --plugin-dir mods/context-bar

Needs Claude Code 2.1.287+. A few mods need more (Chrome, gh, a connector); the tables say which.

๐Ÿงฉ The mods

๐Ÿ‘€ See what's happening

Mod What it does Command
๐Ÿ›ฐ๏ธ mission-control Live map of agents, tool calls and the code they touch /mission
๐Ÿ“Š context-bar Your context window as one stacked bar, a color per category, with token counts and where it compacts /context-bar
๐ŸŒฆ๏ธ token-weather Context fill from Clear to Compact soon, plus a prompt-cache countdown
โฑ๏ธ cache-clock A prompt-cache line under your status line, from Claude Code's own figures: time left, hit rate and misses, and the tokens your next message re-caches once it goes cold. Needs Node and Claude Code 2.1.251+ /cache-clock setup
๐Ÿ“ where-am-i Goal, doing now, waiting on you, next step /where
โžก๏ธ next-steps 2 or 3 likely next prompts after each turn, one key to draft one. language sets their language 1 2 3, 0 hides
๐Ÿ’ฐ usage-meter 5-hour and 7-day plan usage, the reset countdown and the session's cost
๐Ÿ”ฅ heatmap A GitHub-style grid of your Claude Code time, with your streak, peak hours and top projects /heatmap
๐Ÿ’ณ openai-balance Your OpenAI API credit: an estimated balance with a gauge, today's spend, where the money mostly went, and the last call. Needs an OpenAI organization Admin key /openai-balance
๐Ÿช™ openrouter-balance Your OpenRouter credit: the real balance with a gauge, today's spend and the model the money mostly went to. A regular API key shows the balance too when OpenRouter allows it, plus its own spend and limit /openrouter-balance
๐Ÿ“ก agent-radar One live line per running subagent /radar
๐Ÿ” review-watch One live line per running code review (Codex or a review subagent) with the model, target, elapsed time and Codex's latest output. A toast lists the findings when it ends
๐ŸŒ browser-lanes Whether this session has a browser, and who holds it /browser
๐Ÿ•Œ prayer-times The current prayer and how long is left, the next one, and zawal. Computed on your computer, Hanafi or standard Asr /prayers
๐ŸŽฌ replay-theater Steps through the last turn's edits, one diff at a time /replay
๐Ÿ“ md-preview Renders the Markdown files Claude edits like GitHub does, with before and after side by side. Needs Chrome and a terminal that shows images /md

๐Ÿ›ก๏ธ Guard your repo

Mod What it does Command
๐Ÿ’ฅ blast-radius Holds rm -r, force pushes and migrations, shows what they'd delete, cancels after 60 s with no answer

๐Ÿ’ธ Spend less

Mod What it does Command
๐Ÿ”€ switchboard Picks the model for each subagent that doesn't name one, with OpenAI's Decisions API or Jev, from its short label only. Shows what every subagent cost /route

๐Ÿ”ง My setup (fork and adapt)

These are built around my own tools and rules. Fork them and change the rules to yours.

Mod What it does Command
๐Ÿ‘€ glance One line with what needs you: next meeting, PRs, Linear issues, Slack DMs. Needs gh and the Google Calendar, Linear and Slack connectors /glance
๐Ÿšฆ merge-gate Holds gh pr merge until CI is green and Codex reviewed once. Needs gh and the Codex CLI. Reviews run on one fixed model; change it to yours /gate
๐Ÿ“ rulebook-guard Enforces my writing and git rules: rewrites em dashes, asks before --amend, unformatted pushes, emails and phone numbers in notes
๐Ÿ’พ session-saver Saves where you left off, shows it on resume. Needs unpause /park [note]

๐ŸŽฎ For fun (opt-in)

Mod What it does Command
๐Ÿ“ฑ reels YouTube Shorts while Claude works, pauses when it's done /reels
๐Ÿ snake Snake while Claude works /snake
๐ŸŽต now-playing What Spotify is playing, with a progress bar, the lyric being sung, and โฎ โธ โญ buttons. Needs macOS and the Spotify app /music

๐Ÿค Community mods

Mods by other people, in their own marketplaces. They're not maintained here, so read the code before you install.

Mod What it does Install
๐Ÿท๏ธ last-prompt-title by @zhangbububu Session titles that follow your latest prompt: cut for the CLI, written by Haiku for the desktop sidebar claude plugin marketplace add zhangbububu/session-titles then claude plugin install last-prompt-title@session-titles
๐ŸŒ cc-zh by @jiangnanquan Simplified Chinese UI localization via static dictionary: slash-command descriptions, /config labels, spinner, hints, notices, command output, tool summaries and turn duration. Zero tokens / network; verified on CC 2.1.296 claude plugin marketplace add jiangnanquan/claude-code-zh then claude plugin install cc-zh@claude-code-zh
๐ŸŽ›๏ธ subagent-tuner by @Kruhlikau Picks the model and effort of every subagent: a Manual/Auto band, a pick pane, review โ†’ Opus and search โ†’ Haiku, and a saved default that overrides what the agent asked for claude plugin marketplace add Kruhlikau/subagent-tuner then claude plugin install subagent-tuner@subagent-tuner
๐Ÿ›’ mod-store by @hellosverre An app store in a pane: /mods browses, searches and installs about 2,700 community mods, with what each one can access shown before you install. Or ask Claude to find one claude plugin marketplace add hellosverre/mod-store then claude plugin install mod-store@mod-store
๐Ÿ“ˆ cache-meter by @T-AI-Labs The share of each turn the prompt cache served, next to the context fill, with an auto-compact threshold and Compact and Clear buttons claude plugin marketplace add T-AI-Labs/claude-code-mods then claude plugin install cache-meter@T-AI-Labs
โณ usage-limits by @T-AI-Labs 5-hour and weekly plan limits in percent, with the time left until each resets claude plugin marketplace add T-AI-Labs/claude-code-mods then claude plugin install usage-limits@T-AI-Labs

Built one? Open a PR that adds a row.

๐Ÿ›ฐ๏ธ Flagship: mission-control

Every subagent, every tool call and every file they touch, in a pane next to the chat. Shown at 4x: two subagents building a logout feature across four files.

mission-control at 4x: two subagents and a logout feature landing across four files

Install it like any mod, restart, and type /mission (or /mission code to open the code map). q closes it.

  • ๐Ÿค– w shows the agents and every tool call, live
  • ๐Ÿ—บ๏ธ c shows the code map, with import arrows
  • ๐Ÿ”ต Blue while the agent reads a file
  • ๐ŸŸ  Orange while it writes
  • ๐ŸŸข Green when done, with one line on what changed

The Code view also needs macOS, Google Chrome and a terminal that shows images (Ghostty, kitty, iTerm2). The Who view works everywhere.

๐Ÿ“š More

About

Claude Code mods: plugins built on hooks that add live lines above the prompt, guards, panes and games. Context bar, usage meter, Codex review watch, Markdown preview, Spotify now playing and more.

Topics

Resources

Contributing

Security policy

Stars

256 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages