observability-dashboard

Deploy a real-time observability dashboard streaming hook events to a Vue client.

2|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/DojoGenesis/gateway --skill observability-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observability-dashboard
Source: https://github.com/DojoGenesis/gateway/tree/main/plugins/system-health/skills/observability-dashboard
Command: npx skills add https://github.com/DojoGenesis/gateway --skill observability-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Lack of real-time visibility into multi-agent workflows makes debugging, auditing, and performance monitoring difficult, leading to wasted time and undetected errors.

Core Features & Use Cases

  • Deploys a three‑layer pipeline (hook scripts → HTTP server → SQLite WAL store) with WebSocket streaming.
  • Installs hooks for twelve key events to capture detailed agent activity.
  • Provides a Vue dashboard with timeline, filtering, pulse chart, and transcript views for debugging, demoing, or auditing sessions.
  • Validates the setup with an automated test session to ensure correct event capture.

Quick Start

Use the observability-dashboard skill to set up a live monitoring dashboard for your multi‑agent workflow.

Frequently Asked Questions about observability-dashboard

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

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

You can monitor multi-agent workflows by deploying an observability dashboard that captures hook events, stores them in a SQLite WAL database, and streams them via WebSocket to a Vue client for live debugging and auditing.

What events does a multi-agent observability dashboard capture?

An observability dashboard for multi-agent systems captures twelve key hook events, storing detailed agent activity in a SQLite WAL database to provide timeline, filtering, pulse chart, and transcript views for session auditing.

Can I use SQLite for real-time WebSocket event streaming in Node or Bun?

Yes, you can use SQLite in WAL mode with a Bun or Node HTTP server to capture hook events and broadcast them via WebSocket with session-based color coding to stream real-time multi-agent activity to a Vue client.

How do I set up a real-time dashboard for debugging agent sessions?

Set up a real-time debugging dashboard by installing a three-layer pipeline of hook scripts, an HTTP server, and a SQLite WAL store, which streams data via WebSocket to a Vue client and validates setup with an automated test session.

Does this multi-agent monitoring approach require WebSocket broadcasting?

Yes, WebSocket broadcasting is required to stream captured hook events from the SQLite WAL database to the Vue dashboard client, enabling real-time timeline, filtering, pulse chart, and transcript views for multi-agent session monitoring.

When do I need a dedicated observability dashboard for multi-agent systems?

You need a dedicated observability dashboard when lack of real-time visibility into multi-agent workflows makes debugging, auditing, and performance monitoring difficult, leading to wasted time and undetected errors during agent sessions.