kwp-data-build-dashboard

Generate self-contained HTML dashboards with charts, filters, and data tables.

7|5|Updated May 7, 2026
One-click install
npx skills add https://github.com/14790897/MiQi --skill kwp-data-build-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kwp-data-build-dashboard
Source: https://github.com/14790897/MiQi/tree/main/miqi/skills/kwp/data/build-dashboard
Command: npx skills add https://github.com/14790897/MiQi --skill kwp-data-build-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the friction of creating professional, shareable data visualizations by automating the generation of self-contained HTML dashboards that require no external server or complex dependencies.

Core Features & Use Cases

  • Self-Contained Reporting: Generates single-file HTML reports with embedded JSON data, making them easy to share via email or chat.
  • Interactive Components: Includes built-in support for KPI cards, sortable tables, and dynamic charts powered by Chart.js.
  • Use Case: Quickly turn a raw CSV or query result into an executive overview dashboard with filters and trends for a team meeting.

Quick Start

Use the build-dashboard skill to create an interactive sales report from the provided orders data.

Frequently Asked Questions about kwp-data-build-dashboard

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

FAQPage Schema
How do I generate an interactive HTML dashboard from raw data?

To generate an interactive HTML dashboard, this skill processes your provided datasets to create a self-contained single-file HTML report. It embeds JSON data directly, adding sortable tables, KPI cards, and dynamic charts without requiring an external server.

What is a self-contained HTML reporting dashboard?

A self-contained HTML reporting dashboard is a single-file webpage with embedded JSON data and interactive visualizations. It functions entirely offline, ensuring portability so you can easily share executive reports via email or chat without complex server dependencies.

Does the generated dashboard require an external server or database connection?

No, the generated dashboard does not require an external server or database connection. It embeds all JSON data directly within the HTML file, ensuring offline functionality and portability for executive reporting, team monitoring, and ad-hoc data analysis.

Can I use Chart.js to add filters and dynamic charts to my data visualization?

Yes, you can use Chart.js to add filters and dynamic charts to your data visualization. The skill requires Chart.js integration alongside standard web technologies to power interactive components like KPI cards and trend visualizations in your reports.

What is the best way to turn a CSV into an executive overview dashboard?

The best way to turn a CSV into an executive overview dashboard is using an automated generator that embeds data into a single HTML file. This skill transforms raw query results into shareable reports with interactive filters, sortable tables, and charts.

Are there limitations to building offline HTML data visualizations?

A limitation of building offline HTML data visualizations is that the embedded JSON data becomes static. Since the dashboard is a self-contained single-file report, it will not automatically update with new data unless the HTML file is regenerated from the source dataset.