hoangsonww/Claude-Code-Agent-Monitor

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

What it solves

It provides a real-time monitoring and visualization platform for AI coding agents like Claude Code, Cursor, and Codex. It solves the problem of lacking visibility into agent activity, tool usage, session costs, and subagent orchestration during complex development tasks.

How it works

The system uses a combination of native hooks and local transcript discovery (specifically for Cursor) to capture agent activity. This data is processed by a Node.js hook handler and sent via HTTP POST to a dashboard server powered by Express and SQLite. The server then broadcasts updates to a React-based web interface using WebSockets, allowing users to track sessions and agent behavior in real time.

Who it’s for

Developers and teams using AI coding agents who need to monitor agent performance, track token costs, analyze tool usage patterns, and manage agent configurations through a centralized dashboard.

Highlights

  • Real-time Monitoring: Live tracking of agent sessions, tool usage, and conversation history.
  • Visual Analytics: Heatmaps, token flow, and orchestration graphs to visualize how agents and subagents collaborate.
  • Agent Management: Integrated tools to inspect and edit configurations for Claude Code and Codex.
  • Multi-Agent Support: Compatible with Claude Code, Cursor, and OpenAI Codex.
  • MCP Integration: Includes a local Model Context Protocol (MCP) server to manage dashboard operations directly from agent workflows.
  • Comprehensive UI: Features a Kanban board for agent status, an activity feed, and a detailed session timeline.

Related

  • Project
    simple10/agents-observe

    A real-time observability dashboard for Claude Code and Codex agents that provides visibility into subagent hierarchies, tool calls, and token usage.

  • Project
    waynesutton/opensync

    A cloud-synced dashboard for tracking session activity, token spend, and tool usage across various AI coding assistants like Claude Code and Cursor.

  • Project
    jamesrochabrun/AgentHub

    A macOS desktop hub for managing multiple AI coding agent sessions (Claude Code and Codex) with integrated terminal, GitHub support, and live previews.

  • Project
    paulrobello/claude-office

    Claude Office Visualizer is an open‑source, real‑time pixel‑art dashboard that animates Claude Code’s agent activity. It includes a FastAPI backend, a Next.js + PixiJS frontend, and hooks/plugins that send Claude events to the visualizer. Features include multi‑floor navigation, a cross‑session Command Center, 12 whiteboard display modes, Git status panels, and optional AI‑generated names/summaries via a Claude OAuth token. Install with `make install-all` and run `make dev-tmux` to view the office at http://localhost:3000, or use the provided Docker setup.

  • Project
    graykode/abtop

    A TUI monitoring dashboard for AI coding agents that tracks token usage, context windows, and rate limits across multiple active sessions.