Show HN: Real-time dashboard for Claude Code agent teams

Real-time observability dashboard for Claude Code agents.

Includes powerful filtering, searching, and visualization of multi-agent sessions.

The server and dashboard run locally or remotely, allowing multiple Claude Code instances to log full session data using hooks.

Hooks are used instead of OTEL to capture the full picture of agent actions.

Installation

1. Add the marketplace: claude plugin marketplace add simple10/agents-observe

2. Install the plugin: claude plugin install agents-observe

3. Restart Claude Code.

On your next session, the server auto-starts as a Docker container and hooks begin capturing events. Open http://localhost:4981 to see the dashboard.

Skills

| Skill | Description | |---|---| | /observe | Open the dashboard URL and check if the server is running | | /observe status | Check server health and show dashboard URL |

Why it matters

When Claude Code runs autonomously — spawning subagents, calling tools, reading files, executing commands — you have no visibility into what's actually happening. The terminal shows a fraction of the activity. Subagents are invisible. Tool calls blur together. And when something goes wrong three agents deep in a parallel execution, you're left reading through logs after the fact.

Claude Observe captures every hook event as it happens and streams it to a live dashboard. You see exactly what each agent is doing, which tools it's calling, what files it's touching, and how subagents relate to their parents. In real time.

Key Features

• Watch tool calls stream in as they happen (PreToolUse → PostToolUse with results)
• See the full agent hierarchy — which subagent was spawned by which parent
• Filter by agent, tool type, or search across all events
• Expand any event to see the full payload, command, and result
• Browse historical sessions with human-readable names

Architecture

Claude Code Hooks → observe_cli.mjs → API Server (SQLite) → React Dashboard

The hook script reads the raw event from stdin and POSTs it to the server. The server parses events, stores agent metadata, and forwards events to WebSocket clients. The React dashboard derives all agent state from the event stream.