Observability

Stream live PAI multi-agent activity to a WebSocket observability dashboard.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Zura1555/digital-assistant --skill observability-zura1555
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Observability
Source: https://github.com/Zura1555/digital-assistant/tree/main/.claude/skills/Observability
Command: npx skills add https://github.com/Zura1555/digital-assistant --skill observability-zura1555

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bun, express, vue, typescript, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill eliminates the "black box" problem in multi-agent AI workflows by providing real-time visibility into agent activity, tool calls, and session execution. No more guessing why agents are stuck or what's happening behind the scenes.

Core Features & Use Cases

  • Real-Time Dashboard: Live WebSocket streaming of all agent events with a modern Vue.js interface
  • Multi-Agent Monitoring: Track session starts/ends, tool calls, and hook events across all agents simultaneously
  • Workflow Debugging: Identify bottlenecks, loops, or stuck agents in complex multi-agent workflows
  • Use Case: When your multi-agent workflow seems stuck or produces unexpected results, activate this Skill to see exactly which agent is blocked, what tools are being called, and where the workflow is failing in real-time.

Quick Start

Start the observability dashboard to monitor all agent activity in real-time.

Frequently Asked Questions about Observability

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I monitor multi-agent workflows in real-time?

Monitor multi-agent workflows by activating the observability dashboard, which streams all agent events, tool calls, and session data live via WebSocket to a Vue.js interface. Track which agents are active, what tools they're calling, and identify bottlenecks as they happen.

How do I debug a stuck or failing multi-agent system?

Debug multi-agent workflows by viewing the real-time dashboard to see exactly which agent is blocked, what tools are being called, and where execution stalls. The live WebSocket stream and JSONL logs show the complete activity trace without persistence delays.

Can I use this observability tool with Express and Vue?

Yes, the observability dashboard runs on a Bun + Express backend with a Vue + TypeScript frontend, designed to monitor PAI multi-agent activity. WebSocket streaming connects the backend to the live dashboard interface for real-time event ingestion.

What's the best way to track agent tool calls across multiple sessions?

Use hook-driven event ingestion to capture tool calls, session starts and ends, and agent activity across all running agents simultaneously. The dashboard aggregates these events into a single real-time view without requiring persistent storage.

Does this observability system persist event data?

No, the observability dashboard uses ephemeral in-memory storage, meaning events exist only during the active session. For persistent logging, you can export data from the JSONL logs or integrate external storage after debugging.

How does the observability dashboard ingest agent events?

Events are ingested through hooks triggered during agent execution, streamed live over WebSocket to the dashboard, and logged to JSONL format. The system watches the filesystem and processes activation commands like start observability, monitor agents, and debug workflows.