hoangsonww/Claude-Code-Agent-Monitor

🚀 A real-time monitoring dashboard for Claude Code, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, and WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, and an interactive web UI/MacOS/Windows native app.

解决的问题

它提供了一个专业的视觉界面来监控 Claude Code 代理活动，而这在标准终端中通常难以追踪。它解决了代理会话、工具使用、子代理编排以及资源消耗（Token/成本）的可视化问题。

工作原理

该平台通过其原生钩子系统与 Claude Code 集成。Node.js 钩子处理器捕获事件（如工具使用或会话停止），并通过 HTTP POST 发送到中央 Express 服务器。该服务器将数据存储在 SQLite 中，并使用 WebSockets 向基于 React 的前端广播更新，实现实时可视化。

适用对象

需要对代理工作流、会话历史和系统健康状况进行深度观测的 Claude Code 开发者和团队。

亮点

  • 实时监控：用于跟踪活动代理卡片、工具调用和会话状态的实时仪表板。
  • 可视化分析：用于代理和会话状态的看板、用于工具执行的 Sankey 图，以及用于工作流的 D3.js/Mermaid 可视化。
  • 会话深度解析：包括实时转录、按时间顺序排列的事件时间线和代理层级树的详细视图。
  • 配置管理：用于检查和编辑 Claude Code 技能、子代理和内存文件的专用资源管理器。
  • 高级告警：支持 Slack、Discord 和 PagerDuty 等 14 个 webhook 提供商的基于规则的告警引擎。
  • 远程监控：能够通过 SSH 从其他机器获取活动数据。