Config file location
Interactive configuration
Run the configure command from any Claude Code session:- Choose a preset as a starting point (Full, Essential, or Minimal)
- Toggle individual display elements on or off
- Set your git status display style
- Switch between expanded and compact layouts
- Add a custom phrase to your HUD
- Preview exactly how your HUD will look before saving
Advanced settings such as
colors.*, pathLevels, display.usageThreshold, and display.environmentThreshold are preserved when you run /claude-hud:configure — the interactive flow does not overwrite them.Manual editing
Edit~/.claude/plugins/claude-hud/config.json directly for settings that the interactive flow does not expose. Changes take effect immediately — no restart required.
Full configuration schema
Every field and its default value:| Field | Type | Default | Description |
|---|---|---|---|
lineLayout | expanded | compact | expanded | Multi-line or single-line layout |
showSeparators | boolean | false | Show separator before activity lines in compact mode |
pathLevels | 1 | 2 | 3 | 1 | Directory depth for project path display |
elementOrder | string[] | see below | Render order of expanded-mode elements |
gitStatus.enabled | boolean | true | Show git branch |
gitStatus.showDirty | boolean | true | Show * for uncommitted changes |
gitStatus.showAheadBehind | boolean | false | Show ↑N ↓N ahead/behind remote |
gitStatus.showFileStats | boolean | false | Show !M +A ✘D ?U file change counts |
display.showModel | boolean | true | Show model name [Opus] |
display.showProject | boolean | true | Show project path |
display.showContextBar | boolean | true | Show visual context bar |
display.contextValue | percent | tokens | remaining | percent | Context display format |
display.showConfigCounts | boolean | false | Show CLAUDE.md, rules, MCPs, hooks counts |
display.showDuration | boolean | false | Show session duration |
display.showSpeed | boolean | false | Show output token speed |
display.showTokenBreakdown | boolean | true | Show token details at high context |
display.showUsage | boolean | true | Show usage limits (Pro/Max/Team) |
display.usageBarEnabled | boolean | true | Visual bar vs text for usage |
display.showTools | boolean | false | Show tools activity line |
display.showAgents | boolean | false | Show agents activity line |
display.showTodos | boolean | false | Show todos progress line |
display.showSessionName | boolean | false | Show session name or custom title |
display.autocompactBuffer | enabled | disabled | enabled | Autocompact buffer behavior |
display.usageThreshold | number | 0 | Minimum usage % before showing usage bar |
display.sevenDayThreshold | number | 80 | Show 7-day bar when 7-day usage >= this % |
display.environmentThreshold | number | 0 | Minimum % before showing environment line |
display.customLine | string | '' | Custom phrase shown in the HUD (max 80 chars) |
usage.cacheTtlSeconds | number | 60 | Seconds to cache a successful usage API response |
usage.failureCacheTtlSeconds | number | 15 | Seconds to cache a failed usage API response |
colors.context | color | green | Color for context bar and percentage |
colors.usage | color | brightBlue | Color for usage bar below warning threshold |
colors.warning | color | yellow | Warning color for context and usage text |
colors.usageWarning | color | brightMagenta | Color for usage near threshold |
colors.critical | color | red | Color for limit-reached and critical states |
elementOrder is:
Example configuration
Configuration pages
Presets
Start with Full, Essential, or Minimal and fine-tune from there.
Display options
Toggle every individual display element and set layout options.
Git status
Control how git branch, dirty state, and file stats appear.
Colors
Customize the color roles used throughout the HUD.
Usage limits
Configure rate limit display for Pro, Max, and Team subscribers.