Claude-Code-Agent-Monitor
🚀 專為 Claude Code 與 Codex 打造的即時監控儀表板，採用 SQLite3、Node.js、Express、React、Vite、TailwindCSS 及 WebSockets 建置。可追蹤工作階段、
Claude-Code-Agent-Monitor 是什麼？
🚀 專為 Claude Code 與 Codex 打造的即時監控儀表板，採用 SQLite3、Node.js、Express、React、Vite、TailwindCSS 及 WebSockets 建置。可追蹤工作階段、代理活動、工具使用及子代理協調，提供即時分析、看板狀態面板、狀態通知、可愛小幫手，以及互動式網頁/MacOS/Windows 原生應用程式。
Claude-Code-Agent-Monitor 概覽
這是什麼
一個即時監控儀表板，用於 Claude Code、Cursor 和 Codex，採用 SQLite3、Node.js、Express、React、Vite、TailwindCSS 和 WebSockets 建置。它追蹤工作階段、代理活動、工具使用和子代理編排，提供即時分析、Kanban 狀態板、狀態通知、可愛的夥伴，以及互動式網頁 UI 或 MacOS/Windows 原生應用程式。儀表板預設繫結至 127.0.0.1，無需雲端憑證，也不會將代理資料傳輸至託管服務。
主要功能
- 單一即時艦隊：Claude Code、Cursor 和 Codex 工作階段顯示在相同的儀表板、工作階段、活動摘要和 Kanban 檢視中。
- 完整對話：渲染的 Markdown、突顯的程式碼、工具呼叫、命令輸出、排隊提示、附件和提供者原生標題。
- 代理編排：父子樹、背景代理、動態工作流程執行、工具流程圖、並行、委派和壓縮分析。
- 成本與使用量：模型感知代幣、可設定定價、入門費率、子代理成本、趨勢和預算友善的 CLI/MCP 存取。
- 執行與恢復代理：啟動 Claude Code 或 Codex、串流輸出、發送後續問題、恢復先前工作以及重新附加到背景執行。
- 設定可見性：檢查 Claude Code 和 Codex 設定、技能、鉤子、MCP 伺服器、規則、外掛、記憶體、設定檔和指令。
- 操作安全性：回送繫結、可選驗證、防護變更、備份優先編輯、有限上傳且無自動自我更新。
使用情境
即時監控 AI 編碼代理、檢查代理層級結構、了解代幣使用量和成本、分析編排和委派模式，並從單一儀表板操作本地代理。適用於開發團隊、個人開發者，以及任何使用 Claude Code、Cursor 或 Codex 且需要本地優先操作視角的人。
快速開始
需求：Node.js 22.22 或更新版本，以及 npm 9 或更新版本。 bash git clone https://github.com/hoangsonww/Claude-Code-Agent-Monitor.git cd Claude-Code-Agent-Monitor npm run setup npm run dev 開啟 http://localhost:5173。生產環境請執行 npm run build && npm start 並開啟 http://localhost:4820。
授權與價格
MIT 授權。開源（免費）。
內容整理自該專案公開的 README 與儲存庫資訊。
