skills.rest
I-Onlabs
I-OnlabsCOMMUNITY
Explore all skills by this author →
GitHub

dashboard-creator

Generate self-contained HTML dashboards with KPI cards and inline SVG charts.

3|1|Updated Dec 21, 2025
Search Tags:#html#charts#dashboard#visualization#svg#kpi
One-click install
npx skills add https://github.com/I-Onlabs/claude-code-skills --skill dashboard-creator-i-onlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-creator
Source: https://github.com/I-Onlabs/claude-code-skills/tree/main/dashboard-creator
Command: npx skills add https://github.com/I-Onlabs/claude-code-skills --skill dashboard-creator-i-onlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Creating visual, shareable dashboards from data can be tedious and time-consuming. This Skill automates the production of self-contained HTML dashboards containing KPI cards, charts (bar, pie, and line), progress indicators, and data tables, so you can quickly communicate performance.

Core Features & Use Cases

  • KPI cards for at-a-glance metrics with trend indicators.
  • Inline SVG charts (bar, pie, line) with no external dependencies.
  • Progress bars and data tables to show milestones and tabular data.
  • Use Case: Marketing dashboards tracking campaign performance, product analytics, or operational metrics.

Quick Start

Provide your dataset and dashboard name to generate a ready-to-use HTML dashboard named "<dashboard-name>-dashboard.html" with embedded visuals.

Frequently Asked Questions about dashboard-creator

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

FAQPage Schema
How do I generate an HTML dashboard from structured data?▼

To generate an HTML dashboard from structured data, provide your dataset and dashboard name to produce a standalone HTML file. The output contains embedded CSS, KPI cards, and inline SVG charts, requiring no external dependencies to render.

What is the best way to create self-contained HTML dashboards with KPI cards?▼

Creating self-contained HTML dashboards with KPI cards is best done by generating a standalone HTML file with embedded CSS and inline SVG charts. This approach ensures the dashboards have no external dependencies and can be shared easily for visual performance reporting.

Does the generated HTML dashboard require external libraries to render SVG charts?▼

Generated HTML dashboards do not require external libraries to render SVG charts. The dashboards are entirely self-contained, using inline SVG for bar, pie, and line charts alongside embedded CSS, ensuring they load independently without external dependencies.

Can I use this approach to build a marketing dashboard tracking campaign performance?▼

You can use this approach to build a marketing dashboard tracking campaign performance. The generated HTML output includes KPI cards with trend indicators, progress bars, and data tables, designed specifically for analytics, monitoring, and reporting visual overviews.

What limitations exist when visualizing data with inline SVG charts in a standalone HTML file?▼

A limitation of visualizing data with inline SVG charts in a standalone HTML file is that the dashboards are self-contained without external dependencies. This static structure means charts do not support live data streaming or dynamic database connections without manual updates.

Related Skills

Explore More Data & Analytics Skills→
sandecosandeco
1.5k

reversa-highcharts-visualizer

Convert datasets into standalone Highcharts.js HTML visualizations.

Community
Advanced
chrismccoychrismccoy
2

page-cloner

Clones a live webpage into standalone HTML with preserved markup, styles, and assets.

Community
Advanced
Aradhya0510Aradhya0510
3

databricks-aibi-dashboards

Create and update Databricks AI/BI dashboards from structured JSON with SQL validation.

Community
Advanced
DevExpressDevExpress
39

devexpress-office-file-api-spreadsheet

Create, read, modify, and export Excel spreadsheets in .NET without Microsoft Office.

Official
Advanced