首页 > 教程攻略 > ai教程 >给Claude Code装上这款炫酷的HUD插件,状态信息就一目了然了!

给Claude Code装上这款炫酷的HUD插件,状态信息就一目了然了!

来源:互联网 时间:2026-07-19 07:30:06

Claude HUD简介

Claude HUD是Claude Code的一款插件,它的作用是实时在输入框下方展示Claude Code的运行状态——比如上下文使用率、当前活跃的工具、正在运行的Agent任务,以及待办事项的进度。目前这个项目在GitHub上已经收获了24k+ star,热度相当高。

装上它之后,你能很直观地看到这些信息:

下面是实际使用中的效果截图,视觉上还是挺炫酷的!

安装

  • 由于Claude HUD并没有被收录在Claude Code的内置插件市场里,我们需要先手动添加一个外部插件源。在Claude Code中输入以下命令:
/plugin marketplace add https://github.com/jarrodwatts/claude-hud
  • 添加完插件市场之后,就可以安装Claude HUD了:
# 安装插件
/plugin install claude-hud
# 重新加载插件
/reload-plugins
  • 这里选择为当前用户安装即可,不需要全局安装。

  • 安装成功后,输入框下方就会显示Claude HUD的默认状态栏,默认只有两行信息。不过别担心,我们完全可以自定义让它显示更多内容。

使用

  • 首先,输入以下命令来配置状态栏:
/claude-hud:setup
  • 第一步是选择HUD的布局方式。我这边选的是Expanded(展开)布局,显示的信息更丰富。

  • 第二步是选择预设配置,也就是决定哪些状态信息需要显示。这里我直接把所有功能都打开了,一步到位。

  • 三个预设分别对应不同的功能组合,具体如下:

  • 第三步是语言选择,Claude HUD原生支持中文,直接选中文就好。

  • 第四步,提交你的选择,系统会保存配置。

  • 最后,还会让你预览一下当前配置的效果,如果觉得满意,确认保存即可。

  • 配置完成后,就能看到你启用的功能在HUD中实时显示了,效果挺不错的。

  • 如果之后对显示效果不满意,还可以随时用下面的命令重新调整:
/claude-hud:configure
  • Claude Code会直接询问你需要修改哪些配置项,比如布局、预设、语言等,你直接提要求就行,交互很友好。

总结

之前给大家介绍过另一款状态栏插件ccstatusline,对比下来,Claude HUD的功能要强大不少。它额外增加了工具调用状态、Agent运行状态、任务进度等显示维度,而且原生支持中文界面。如果你对开发效率工具有兴趣,不妨试试它。

项目地址

github.com/jarrodwatts…