DEV Community

Terminal Chai
Terminal Chai

Posted on

Claude HUD: Adding a Terminal Heads-Up Display to Claude Code

Observability in the Terminal: Meet Claude HUD

AI terminal assistants like Anthropic's Claude Code have taken developer workflows by storm. They write code, execute tests, and modify files directly from your CLI. However, working with a terminal agent can often feel like a black box. Unless the model prints a long block of logs, you don't know what files it is reading, how many tokens are left in its context window, or what background subagents it has spawned.

Claude HUD is an open-source status line plugin developed by Jarrod Watts to solve this visibility problem. It adds a persistent, real-time Heads-Up Display (HUD) at the bottom of your Claude Code terminal screen.


What is Claude HUD?

Claude HUD functions as a status bar that resides directly below your terminal input line. By listening to the agent's internal states, it aggregates crucial metrics and displays them in a compact, readable layout. This ensures you always know what the agent is doing without cluttering your command history.


Key Features of Claude HUD

1. Context Health Bar

AI agents perform better when their context window is clean. If a context window gets too full, the model can experience "context blindness" and make logic errors. Claude HUD renders a real-time progress bar showing exactly what percentage of your token window is used, prompting you to reset the session when it gets too full.

2. Active Tool Monitoring

Whenever Claude opens a file, runs a git command, searches your directory, or installs a package, Claude HUD logs the active tool. This makes it easy to monitor what the AI is executing on your system in real-time.

3. Agent & Subagent Tracking

For complex tasks, Claude Code will spin up concurrent subagents in the background. Claude HUD lists these active subagents and summarizes their goals, giving you a top-down view of parallel tasks.

4. Todo Checklist Progress

The status bar displays dynamic checklists. As the agent completes tasks outlined in your project instructions, the HUD ticks them off, showing you exactly how close the agent is to completing your request.


How to Install

Installing the status line in Claude Code is straightforward using the built-in plugin marketplace commands:

  1. Add the plugin to your marketplace: /plugin marketplace add jarrodwatts/claude-hud
  2. Install the plugin: /plugin install claude-hud
  3. Setup the HUD status line: /claude-hud:setup
  4. Reload your plugins to apply: /reload-plugins

Conclusion

As terminal-based coding agents become standard engineering companions, status lines and HUDs are becoming essential parts of the CLI developer stack. By bringing context health and process visibility directly into the prompt line, Claude HUD makes collaborating with AI assistants significantly more transparent and reliable.

Ready to light up your terminal? Check out the Claude HUD GitHub Repository.

Top comments (0)