skills.rest
kongaharsha
kongaharshaCOMMUNITY
Explore all skills by this author →
GitHub

build-dashboard

Generate a self-contained HTML dashboard with KPI cards, charts, and a data table.

1|Updated Apr 2, 2026
Search Tags:#offline#dashboard#reporting#interactivity#chart.js#data-visualization#kpi
One-click install
npx skills add https://github.com/kongaharsha/claude-skills --skill build-dashboard-kongaharsha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-dashboard
Source: https://github.com/kongaharsha/claude-skills/tree/main/build-dashboard
Command: npx skills add https://github.com/kongaharsha/claude-skills --skill build-dashboard-kongaharsha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build dashboards that are fully self-contained, offline-capable HTML files combining KPI cards, charts, and tables, eliminating the need for servers during sharing and review.

Core Features & Use Cases

  • Self-contained HTML file with embedded data and assets
  • Interactive KPI cards, charts, and sortable tables
  • Filtered exploration across time, category, and metrics for executive reporting
  • Use cases include executive overviews, operational dashboards, and team performance snapshots

Quick Start

Save the dashboard as a single HTML file and open it in a browser to interact with charts and filters.

Frequently Asked Questions about build-dashboard

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

FAQPage Schema
How do I create an interactive HTML dashboard that works offline?▼

To create an interactive HTML dashboard that works offline, you need a self-contained HTML file with embedded data and assets. This approach uses Chart.js to render KPI cards, charts, and tables directly in the browser without requiring a server.

What is a self-contained HTML dashboard with embedded data?▼

A self-contained HTML dashboard with embedded data is a single file that includes all data, assets, and rendering logic. It enables interactive exploration through filter-driven updates and sortable tables without relying on external server connections.

Can I use Chart.js for offline data visualization without a server?▼

Yes, you can use Chart.js for offline data visualization without a server. By embedding your structured data directly into a single HTML file, Chart.js renders interactive charts and KPI cards that update dynamically based on user-selected filters.

How do I generate KPI cards and charts from structured data?▼

You generate KPI cards and charts from structured data by accepting a structured data schema and passing it to a rendering engine. This process produces an interactive dashboard featuring KPI cards, visual charts, and a data table for comprehensive reporting.

Does a single-file offline dashboard support filter-driven exploration?▼

Yes, a single-file offline dashboard supports filter-driven exploration. Users can interact with time, category, and metric filters to dynamically update KPI cards and charts, enabling comprehensive data exploration directly in their browser.

Related Skills

Explore More Data & Analytics Skills→
bingran-youbingran-you
3

excel-analytics

Convert Xiaohongshu Excel exports into structured metrics and dashboards.

Community
Intermediate
pluginagentmarketplacepluginagentmarketplace
3

red-team-reporting

Generate security assessment reports from structured findings in Markdown, HTML, PDF, or DOCX.

Community
Basic
lohaslelohasle

interactive-dashboard-builder

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

Community
Intermediate
ali-masterali-master
8

orpc-event-iterator

Stream real-time updates and server-sent events in oRPC applications.

Community
Advanced