jarrodwatts

jarrodwatts / claude-hud

#6
24,1221,084+69 todayJavaScript

A Claude Code plugin that shows what's happening - context usage, active tools, running agents, and todo progress

💡 Use Cases

这个项目最适合需要实时监控Claude Code工作状态、避免上下文溢出和追踪多任务进度的开发者。

监控上下文使用

Problem: 在长对话中,开发者不知道Claude的上下文窗口还剩多少容量,可能导致重要信息被遗忘或对话中断。

Solution: Claude HUD实时显示上下文使用情况,通过颜色条(绿→黄→红)直观展示剩余容量,让你在达到限制前及时调整。

Example: 当你在调试复杂代码时,Claude HUD显示上下文已用80%(黄色警告),你可以及时总结关键信息或开始新对话,避免上下文溢出。

追踪工具执行

Problem: Claude Code执行文件读写、搜索等工具操作时,开发者无法直观看到当前正在执行什么操作,缺乏透明感。

Solution: 插件实时显示活跃工具状态,让你看到Claude正在读取、编辑或搜索哪些文件,了解AI的工作进度。

Example: Claude正在重构项目结构,HUD显示“正在编辑src/utils/helper.js”,你就能知道AI当前在修改哪个文件,而不是盲目等待。

管理多任务进度

Problem: 当Claude同时处理多个子任务或智能体时,开发者难以跟踪每个任务的完成情况和整体进度。

Solution: HUD展示运行中的智能体和待办事项进度,让你一目了然地看到哪些任务在进行中、哪些已完成。

Example: 你让Claude同时修复三个bug并添加新功能,HUD显示“Agent1:修复登录bug(进行中) | Agent2:优化性能(已完成)”,方便你掌握整体进展。

识别当前工作环境

Problem: 在多个项目间切换时,容易忘记当前Claude Code会话关联的是哪个项目目录和git分支。

Solution: HUD始终显示项目路径和git分支信息,确保你清楚知道AI正在操作哪个代码库的哪个分支。

Example: 你同时开发前端和后端项目,HUD显示“~/projects/frontend | main分支”,立即确认Claude正在处理前端主分支的代码。

📊 Project Info

Language
JavaScript
Stars
24,122
Forks
1,084
Today
+69
Ranking
#6
Collection
Language
Trending Date
May 30, 2026
Last Push
5/29/2026

🏷️ Topics

JavaScriptNode.js状态监控开发辅助实时显示轻量级Claude开发者AI开发者

📸 Screenshots

claude-hud screenshot 1