skills.rest
diegoscarabelli
diegoscarabelliCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

live-dashboard

Create self-contained HTML dashboards that query connected databases via postMessage.

9|Updated Feb 26, 2026
Search Tags:#analytics#database#dashboard#sql#visualization#chart.js
One-click install
npx skills add https://github.com/diegoscarabelli/system2 --skill live-dashboard-diegoscarabelli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: live-dashboard
Source: https://github.com/diegoscarabelli/system2/tree/main/src/server/agents/skills/live-dashboard
Command: npx skills add https://github.com/diegoscarabelli/system2 --skill live-dashboard-diegoscarabelli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the friction of visualizing live data by providing a standardized bridge to query your databases directly from self-contained HTML artifacts.

Core Features & Use Cases

  • Real-time Database Queries: Execute SQL directly against connected databases like PostgreSQL, DuckDB, or Snowflake via a secure postMessage bridge.
  • Interactive UI Components: Create custom dashboards with Chart.js integration, dropdown filters, and loading states.
  • Use Case: Quickly generate a live-updating sales performance dashboard that allows stakeholders to filter metrics by region and date without needing a separate BI tool.

Quick Start

Use the live-dashboard skill to create an interactive HTML file that queries the analytics database and renders a bar chart of monthly revenue.

Frequently Asked Questions about live-dashboard

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

FAQPage Schema
How do I build a live dashboard that queries a SQL database directly?▼

To build a live dashboard, create a self-contained HTML file that uses a postMessage bridge protocol to execute real-time, read-only SQL queries against your connected database, rendering the results visually.

Does the dashboard visualization support Chart.js for interactive reporting?▼

Yes, the dashboard visualization supports Chart.js integration, allowing you to render custom interactive UI components like bar charts, complete with dropdown filters and loading states for dynamic reporting.

Can I execute real-time SQL queries against PostgreSQL or Snowflake from an HTML file?▼

Yes, you can execute real-time SQL queries against connected databases like PostgreSQL, DuckDB, or Snowflake directly from a self-contained HTML artifact via a secure postMessage bridge.

What is the postMessage bridge protocol used for database-backed dashboards?▼

The postMessage bridge protocol is the secure communication mechanism that enables self-contained HTML dashboards to trigger and execute read-only SQL queries against connected databases within the multi-agent environment.

Are there limitations on the SQL execution I can perform in an interactive dashboard?▼

Yes, SQL execution is strictly limited to read-only queries. This standard ensures that the interactive dashboards can securely retrieve and visualize live data without risking unintended modifications to the connected database.

How do I create a live-updating sales dashboard with dropdown filters?▼

You create a live-updating sales dashboard by generating an interactive HTML file that queries your analytics database via SQL, integrating Chart.js for visualization and dropdown filters to allow stakeholders to filter metrics by region and date.

Related Skills

Explore More Data & Analytics Skills→
hgflimahgflima
1

deby

Manage PostgreSQL connections, schemas, and SQL queries via natural language.

Community
Advanced
kbaseincubatorkbaseincubator
14

berdl-query

Execute SQL queries against a remote BERDL Spark cluster via secure proxy.

Official
Advanced
8GG-Git8GG-Git

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js and dropdown filters.

Community
Intermediate
rebyteai-templaterebyteai-template
15

happiness-dashboard

Build interactive data dashboards with SQL queries in markdown using Evidence and DuckDB.

Official
Intermediate