jarrodwatts

jarrodwatts / claude-hud

#6
24,1221,084+69 todayJavaScript

一款展示运行状态的Claude Code插件——包括上下文使用情况、活跃工具、运行中的智能体以及待办事项进度

Claude HUD 是一款专为 Claude Code 设计的插件,它在编辑器底部提供一个常驻的状态显示面板。该插件能实时展示当前会话的关键信息,包括项目路径、Git分支、已使用的上下文比例以及模型类型。其核心价值在于让开发者在与AI协作编程时,能清晰掌握资源消耗和任务进度,例如可直观看到上下文窗口的剩余容量,避免因超出限制导致中断。插件还能监控Claude调用的文件读写、搜索等工具活动,并跟踪子智能体的执行状态与待办事项的完成情况。通过原生状态栏集成,它无需额外窗口,适用于任何终端环境,帮助用户更高效地管理复杂的AI辅助编程会话。

💡 应用场景

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

监控上下文使用

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

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

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

追踪工具执行

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

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

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

管理多任务进度

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

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

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

识别当前工作环境

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

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

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

📊 项目信息

语言
JavaScript
Stars
24,122
Forks
1,084
今日新增
+69
排名
#6
收录
语言榜
趋势日期
2026年5月30日
最后推送
2026/5/29

🏷️ 标签

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

📸 截图

claude-hud screenshot 1