observability-dashboard

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

2|Updated Apr 8, 2026

Search Tags:#hooks #multi-agent #dashboard #sqlite #observability #websocket

Ready to run

npx skills add https://github.com/DojoGenesis/gateway --skill observability-dashboard

💬 Prompt for ChatGPT / Claude Chat▼

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.