skills.rest
frumu-ai
frumu-aiOFFICIAL
Explore all skills by this author →
Website𝕏@frumu_aiGitHub

data-build-dashboard

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

114|13|Updated Jan 17, 2026
Search Tags:#html#data visualization#charts#dashboard#reporting#filters
One-click install
npx skills add https://github.com/frumu-ai/tandem --skill data-build-dashboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: data-build-dashboard
Source: https://github.com/frumu-ai/tandem/tree/main/src-tauri/resources/skill-templates/data-build-dashboard
Command: npx skills add https://github.com/frumu-ai/tandem --skill data-build-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of self-contained, interactive HTML dashboards with charts, filters, and tables, eliminating the need for external servers or complex dependencies.

Core Features & Use Cases

  • Interactive Dashboards: Generates single-file HTML dashboards that open directly in a browser.
  • Data Visualization: Includes charts (line, bar, doughnut, etc.) using Chart.js.
  • User Interaction: Supports filters (dropdowns, date pickers) and sortable tables.
  • Use Case: Create a sales performance dashboard with KPI cards, trend charts, and a detailed sales data table, all embedded within a single HTML file.

Quick Start

Ask to build a sales dashboard with key metrics and filterable by region.

Frequently Asked Questions about data-build-dashboard

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

FAQPage Schema
How do I create an interactive HTML dashboard from JSON data without a server?▼

You can create an interactive HTML dashboard by embedding JSON data directly into a self-contained HTML file with charts, filters, and sortable tables that run entirely in the browser without server dependencies.

Can I build a single-file dashboard with charts and filters that works offline?▼

Yes, a single-file dashboard with charts and filters works offline. The generated HTML is self-contained with embedded JSON data, Chart.js visualizations, dropdowns, and date pickers for client-side interactivity.

What's the best way to generate a sales performance dashboard with KPI cards and trend charts?▼

The best way to generate a sales performance dashboard is requesting a single HTML file with embedded JSON data, Chart.js trend charts, KPI cards, and filterable tables for immediate offline analysis.

Does this dashboard reporting approach support different chart types like bar, line, and doughnut?▼

This dashboard reporting approach supports different Chart.js chart types including bar, line, and doughnut. It renders visualizations from embedded JSON data within a self-contained HTML file.

Do I need external dependencies or libraries to view the generated HTML dashboards?▼

You do not need external dependencies or libraries to view the generated HTML dashboards. They are self-contained files with embedded JSON data and client-side JavaScript interactivity that open directly in a browser.

Related Skills

Explore More Data & Analytics Skills→
cyyehcyyeh
1

interactive-dashboard-builder

Build self-contained HTML dashboards with Chart.js and client-side filters.

Community
Intermediate
silaslopes100silaslopes100

reversa-especialista-d3

Generate standalone HTML files with interactive D3.js v7 visualizations.

Community
Advanced
clawpod-appclawpod-app
46

build-dashboard

Transform raw data into self-contained interactive HTML dashboards with Chart.js.

Community
Advanced
s23hs23h

report-style-guide

Generate self-contained HTML data reports with metrics dashboards and charts.

Community
Intermediate