/ 目錄 / 演練場 / Claude HUD
● 社群 jarrodwatts ⚡ 即開即用

Claude HUD

作者 jarrodwatts · jarrodwatts/claude-hud

Claude Code 的即時抬頭顯示器——上下文預算、作用中的工具、執行中的子代理、待辦進度。不再在黑暗中飛行。

claude-hud 是一個 Claude Code 外掛程式,顯示工作階段中實際發生的事情:上下文視窗有多滿、哪些工具在觸發、哪些子代理還活著、待辦清單的進度。針對長時間工作階段或多代理工作流程中「為什麼這越來越慢?」成為真實問題的開發者設計。

為什麼要用

核心特性

即時演示

實際使用效果

就緒

安裝

選擇你的客戶端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "claude-hud-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jarrodwatts/claude-hud",
        "~/.claude/plugins/claude-hud"
      ],
      "_inferred": true
    }
  }
}

開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "claude-hud-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jarrodwatts/claude-hud",
        "~/.claude/plugins/claude-hud"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "claude-hud-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jarrodwatts/claude-hud",
        "~/.claude/plugins/claude-hud"
      ],
      "_inferred": true
    }
  }
}

點擊 Cline 側欄中的 MCP Servers 圖示,然後選 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "claude-hud-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jarrodwatts/claude-hud",
        "~/.claude/plugins/claude-hud"
      ],
      "_inferred": true
    }
  }
}

格式與 Claude Desktop 相同。重啟 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "claude-hud-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/jarrodwatts/claude-hud",
        "~/.claude/plugins/claude-hud"
      ]
    }
  ]
}

Continue 使用伺服器物件陣列,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "claude-hud-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/jarrodwatts/claude-hud",
          "~/.claude/plugins/claude-hud"
        ]
      }
    }
  }
}

加入 context_servers。Zed 儲存後熱重載。

claude mcp add claude-hud-skill -- git clone https://github.com/jarrodwatts/claude-hud ~/.claude/plugins/claude-hud

一行命令搞定。用 claude mcp list 驗證,claude mcp remove 移除。

使用場景

實戰用法: Claude HUD

診斷為什麼長時間工作階段突然變慢

👤 執行多小時 Claude Code 工作階段的開發者 ⏱ ~10 min beginner

何時使用: 回覆感覺比剛開始時慢;你懷疑是上下文壓力。

前置條件
  • 已安裝外掛程式 — 依 Claude Code 外掛程式慣例放在 ~/.claude/plugins 下
步驟
  1. 開啟 HUD
    開啟 HUD。我目前的上下文使用量是多少?✓ 已複製
    → 含細分的即時百分比
  2. 識別佔用大戶
    過去 30 分鐘內哪些工具呼叫產生了最大的回應?✓ 已複製
    → 前 N 個巨大工具輸出的列表
  3. 壓縮
    將對話壓縮為摘要。確認 HUD 顯示上下文下降了。✓ 已複製
    → 上下文條下降;速度恢復

結果: 可以整天執行的工作階段,不會有莫名的緩慢。

注意事項
  • 過度壓縮會丟失重要細節 — 選擇性壓縮——保留最後一個有意義的交換

追蹤並行工作的多個子代理

👤 啟動子代理的開發者 ⏱ ~15 min intermediate

何時使用: 你啟動了 3 個子代理,卻搞不清楚誰在做什麼。

步驟
  1. 列出
    顯示所有活躍的子代理及其目前任務。✓ 已複製
    → 每個子代理一個方塊
  2. 深入
    顯示子代理「tester」最近的工具呼叫和待辦進度。✓ 已複製
    → 每個子代理的時間軸

結果: 多代理設置的可視性,否則就是個黑盒子。

注意事項
  • 子代理太多——HUD 本身變得雜亂 — 篩選/摺疊非活躍的
搭配使用: mcp-agent-mail

組合

與其他 MCP 搭配,撬動十倍槓桿

claude-hud-skill + mcp-agent-mail

協調 + 監控多代理設置

用郵件協調,用 HUD 查看即時狀態。✓ 已複製
claude-hud-skill + claude-best-practice-skill

有紀律的計劃 + 即時追蹤

用 best-practice 規劃,在 HUD 中觀察進度。✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
show_context (無) 任何時候你懷疑有膨脹 免費
tool_timeline since? 找出延遲或巨大輸出 免費
list_subagents (無) 追蹤多代理執行 免費
todo_status (無) 工作階段檢查點 免費

成本與限制

運行它的成本

API 配額
不適用
每次呼叫 Token 數
極少——HUD 是唯讀遙測
費用
免費
提示
HUD 本身很便宜;用它來找出值得刪減的昂貴東西

安全

權限、密鑰、影響範圍

最小權限: Claude Code 工作階段狀態的讀取存取
憑證儲存:
資料出站:

故障排查

常見錯誤與修復

HUD 什麼都不顯示

外掛程式未載入;確認安裝路徑並重新啟動 Claude Code

上下文數字與設定不符

HUD 讀取的是精確的工作階段狀態;差異通常是保留的系統 token

替代方案

Claude HUD 對比其他方案

替代方案何時用它替代權衡
cc-lens你想要一個獨立的儀表板視窗不同的使用者體驗;非行內顯示
Claude Code 內建的 /context快速確認就夠了無時間軸,無子代理檢視

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills