agent-flow and Claude-Code-Agent-Monitor
About agent-flow
patoles/agent-flow
Real-time visualization of Claude Code agent orchestration — see your agents think, branch, and coordinate as they work.
Streams Claude Code events through an HTTP hook server with zero-latency delivery to an interactive node graph canvas, supporting live multi-session tracking, timeline replay, and JSONL log file inspection. Available as a standalone CLI, Next.js web app, or VS Code extension with auto-detection of active Claude Code sessions. Captures the full execution graph including tool call chains, branching decisions, and resource allocation to help developers debug agent behavior and optimize prompt design.
About Claude-Code-Agent-Monitor
hoangsonww/Claude-Code-Agent-Monitor
A real-time monitoring dashboard for Claude Code agents, built with Node.js, Express, React, and WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration through Claude Code hooks, providing live analytics, a Kanban status board, status notifications, and an interactive web interface.
Integrates with Claude Code's native hook system to capture session lifecycle events, storing normalized data in SQLite and broadcasting updates via WebSocket for real-time UI synchronization. Uses a Python hook handler script to intercept Claude Code callbacks, with optional MCP (Model Context Protocol) support for extended agent capabilities. Includes D3.js visualizations for token analytics and activity heatmaps, plus browser notifications for agent status changes.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work