Claude HUD 界面定制与交互设计指南4 步把状态栏调成你的样子【免费下载链接】claude-hudA Claude Code plugin that shows whats happening - context usage, active tools, running agents, and todo progress项目地址: https://gitcode.com/GitHub_Trending/cl/claude-hudClaude HUD 是一款装进 Claude Code 的插件实时把上下文用量、活动工具、运行中的代理和任务进度挂在输入框下方。默认两行够用可当你并行跑多个代理、或屏幕竖屏偏高时几处定制就能让它贴住你的工作节奏。布局速览别急着逐块看先把下面这张宽屏图当整体扫一遍。HUD 贴着输入框正下方生长最上是身份行模型徽章、项目路径、git 分支一字排开中间是上下文进度条加用量配额红黄绿一眼读出还剩多少余量往下才是工具、代理、任务这些按需展开的行。它不是死板的面板宽度跟着终端走——屏幕够宽就横向铺开各行各占一行互不打架。显示比例怎么选仓库放了 16:9 和 5:2 两张参考截图对应两种屏幕习惯。16:9 横向铺得开外接大屏、并行盯多个工具和代理时信息不用折行5:2 更贴合笔记本的可视高度纵向少占地方适合只聚焦当前任务。真正决定排版的是终端宽度和lineLayout窄屏下把它设成compact各段压进一行最省高度。把 C 位交给状态栏高频信息就该放最显眼的位置。展开布局里elementOrder决定各段顺序把todos提到前面进度行就排在工具行之上想让某段始终钉在右侧用display.rightAlign锚住context间隙自动用空格补齐。第一行内部顺序另由projectLineOrder管比如[project,model]会把项目/git 块挪到模型徽章前面。改完保存下一条消息就能看到新排位。环境信息做减法环境行见 src/render/lines/environment.ts默认堆了 CLAUDE.md、rules、MCPs、hooks 的计数多数时候是噪音。关掉你不看的display.showConfigCounts置false直接隐藏计数想够多才显示把display.environmentThreshold调高。做 React 项目的保留 rules 和 MCP 计数最有用跑带自定义规则的类型工程就留着 rules。MCP 挂了会以红色 ⚠ 冒出来这一条建议默认保留。提速清单要调显示项跑/claude-hud:configure走引导流程改动先预览再落盘保存即生效。长任务想盯倒计时在settings.json的statusLine里加refreshInterval单位秒HUD 就按秒自刷不用再等下一条消息。演示或录屏时不想露 HUD用CLAUDE_HUD_DISABLE1启动会话状态栏直接留空不用动配置。工具状态一眼分辨运行中的是黄色 ◐完成的打绿色 ✓MCP 出错才变红 ⚠扫一眼就知道卡在哪。调完这几处HUD 就不再是它觉得该显示什么而是你说了算。打开/claude-hud:configure先把你最在意的那一行挪到 C 位。【免费下载链接】claude-hudA Claude Code plugin that shows whats happening - context usage, active tools, running agents, and todo progress项目地址: https://gitcode.com/GitHub_Trending/cl/claude-hud创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考