What problem does it solve?
Claude Code users often struggle to understand agent behavior across multiple tools and sessions. This skill provides a real-time observability dashboard to visualize agent interactions, tool usage, and session flows.
Core Features & Use Cases
- Real-time event streaming via a WebSocket dashboard for Claude Code agent activity.
- Agent swim lanes that display parallel agent execution and session tracking.
- Event filtering by agent, session, and event type for focused debugging.
- Live charts and in-memory streaming with JSONL logs for offline analysis.
- Zero-database approach that stores events as human-readable JSONL files.
Use Case: Monitor a complex Claude Code workflow with kai and designer running in parallel, and quickly identify bottlenecks or failing tools.
Quick Start
Install and launch the dashboard, configure Claude Code hooks to point to the PAI_DIR, then open http://localhost:3000 to view live observability.