explaingit

jarrodwatts/claude-hud

📈 Trending23,127JavaScriptAudience · developerComplexity · 2/5ActiveLicenseSetup · easy

TLDR

A terminal status bar plugin for Claude Code that displays real-time AI context usage, active tools, and task progress without leaving your editor.

Mindmap

mindmap
  root((Claude HUD))
    What it does
      Live status bar
      Context usage display
      Tool activity tracking
      Task progress
    How it works
      Reads Claude Code data
      Updates every 300ms
      No estimation needed
      Terminal-native
    Setup and config
      Plugin marketplace install
      Layout presets
      Language options
      Element toggles
    Use cases
      Monitor AI memory usage
      Track active operations
      See task completion
      Manage subagents

Things people build with this

USE CASE 1

Monitor how much of Claude's context window you've used while coding to avoid hitting limits.

USE CASE 2

Watch which files Claude is reading or editing in real time without switching windows.

USE CASE 3

Track progress on multi-step coding tasks with a live to-do counter.

USE CASE 4

See when Claude spawns subagents to handle subtasks and monitor their activity.

Tech stack

JavaScriptTypeScriptClaude Code

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose including commercial, as long as you keep the copyright notice.

In plain English

Claude HUD is a plugin for Claude Code, an AI-powered command-line coding assistant, that adds a live status bar at the bottom of your terminal window. When you're working with Claude Code, it can be hard to tell what's happening behind the scenes: how much of the AI's memory ("context window") has been used, which tools it's currently running, and how far along it is on a list of tasks. Claude HUD solves this by keeping all that information visible at a glance, right below where you type. The plugin works by reading a stream of data that Claude Code already produces, including token counts, tool activity logs, and task lists, and then formatting that into a compact status line that updates roughly every 300 milliseconds. The data comes directly from Claude Code itself rather than being estimated, so the context usage percentages are accurate. You can see the AI model in use, a progress bar showing how full the context window is, which files it's reading or editing at that moment, whether any "subagents" (smaller AI workers it spun up to handle subtasks) are running, and a live count of how many to-do items have been completed. Installation happens entirely inside Claude Code using its built-in plugin system: you add a marketplace, install the plugin, then run a setup command that configures the status line. After a restart, the HUD appears automatically. A configuration wizard lets you choose between preset layouts (Full, Essential, or Minimal), toggle individual elements on or off, switch label languages between English and Chinese, and control details like how many directory levels of your project path to show. The plugin is written in JavaScript and TypeScript and works in any terminal without requiring extra tools like tmux or a separate window.

Copy-paste prompts

Prompt 1
How do I install Claude HUD in Claude Code and set up the status bar for my terminal?
Prompt 2
Show me how to configure Claude HUD to display only the context usage and task progress, hiding other elements.
Prompt 3
What does the context window percentage in Claude HUD mean, and how do I know when I'm running out of space?
Prompt 4
Can I use Claude HUD with different terminal emulators, or does it require tmux or a specific setup?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.