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…
Install
npx skills add hoangsonww/Claude-Code-Agent-Monitor --listclaude mcp add claude-code-agent-monitor -- npx skills add hoangsonww/Claude-Code-Agent-Monitor --list{
"mcpServers": {
"claude-code-agent-monitor": {
"command": "npx",
"args": [
"skills",
"add",
"hoangsonww/Claude-Code-Agent-Monitor",
"--list"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Agent Dashboard for Claude Code, Cursor & Codex
A local-first control room for AI coding agents
Monitor Claude Code, Cursor, and Codex sessions in real time. Follow conversations and tools, inspect agent hierarchies, understand token usage and cost, analyze orchestration, and operate local agents from one responsive dashboard.
[!TIP] Complete guides: English · 中文 · Tiếng Việt · 한국어 · Español
Live fleet state, active work, recent events, cost, and system health.
See what your agents are doing
CCAM combines native hooks with provider-aware transcript discovery. It stays local by default and turns agent activity into a searchable, durable operational record.
- One live fleet: Claude Code, Cursor, and Codex sessions appear in the same Dashboard, Sessions, Activity Feed, and Kanban views.
- Complete conversations: Rendered Markdown, highlighted code, tool calls, command output, queued prompts, attachments, and provider-native titles.
- Agent orchestration: Parent-child trees, background agents, dynamic workflow runs, tool-flow graphs, concurrency, delegation, and compaction analysis.
- Cost and usage: Model-aware tokens, configurable pricing, introductory rates, subagent costs, trends, and budget-friendly CLI/MCP access.
- Run and resume agents: Launch Claude Code or Codex, stream output, send follow-ups, resume previous work, and reattach to background runs.
- Configuration visibility: Inspect Claude Code and Codex settings, skills, hooks, MCP servers, rules, plugins, memory, profiles, and instructions.
- Operational safety: Loopback binding, optional authentication, guarded mutations, backup-first edits, bounded uploads, and no automatic self-update.
- Team-ready delivery: Desktop applications, containers, Kubernetes, Terraform, monitoring, alerts, webhooks, and remote data sources.
See CCAM in action
Conversation history with code, tools, reasoning, and session context.
Workflow intelligence for orchestration, delegation, tools, errors, and concurrency.
Provider-aware configuration, skills, hooks, plugins, MCP, rules, and memory.
Launch and manage Claude Code or Codex without leaving the dashboard.
Quick start
Requirements: Node.js 22.22 or newer and npm 9 or newer.
git clone https://github.com/hoangsonww/Claude-Code-Agent-Monitor.git
cd Claude-Code-Agent-Monitor
npm run setup
npm run dev
Open http://localhost:5173. npm run setup installs the root, client, and VS Code extension dependencies, builds the MCP server, and links the ccam CLI. On first launch, follow the dashboard prompt to install hooks for the providers you select, or run npm run install-hooks manually.
For production, run npm run build && npm start and open http://localhost:4820.
Choose how to run CCAM
Similar plugs
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
Bash is all you need - A nano claude code–like 「agent harness」, built from 0 to 1
Documented system prompts from Anthropic - Claude Fable 5.1, Opus 5.5, Claude Design, Claude Code. OpenAI - ChatGPT GPT-6-Astra, Codex. Google - Gemini 3.8 Flash, 3.1 Pro,…
Wrap Antigravity, ChatGPT Codex, Claude Code, Grok Build, Muse Code, Devin as an OpenAI/Gemini/Claude/Codex compatible API service, allowing you to enjoy the free Gemini…