---
id: mhattingpete/claude-skills-marketplace/dashboard-creator
version: "c980620b"
license: Apache-2.0
install: manual
updated: 2026-07-25
---
# dashboard-creator — Dashboard Creator generates self-contained HTML dashboards featuring KPI metric cards with trend indicators, SVG-based bar/pie/line charts, and progress bars. Perfect for building performance monitoring interfaces and analytics displays from your data.
Publisher: mhattingpete · Stars: 657 · Updated: 2026-07-25
Install (manual): `git clone https://github.com/mhattingpete/claude-skills-marketplace`
## SKILL.md
# Dashboard Creator
Create interactive HTML dashboards with KPI cards and charts.
## When to Use
- "Create dashboard for [metrics]"
- "Show KPI visualization"
- "Generate performance dashboard"
- "Make analytics dashboard with charts"
## Components
1. **KPI Cards**: metric name, value, change %, trend icon
2. **Charts**: bar/pie/line using SVG or CSS
3. **Progress Bars**: completion indicators
4. **Data Tables**: tabular data display
## HTML Structure
```html
[Project] Dashboard
[Dashboard Name]
```
## KPI Card Pattern
```html
Revenue
$124K
↑ 12.5%
```
## Chart Pattern (SVG Bar Chart)
```html
```
## Workflow
1. Extract metrics and data
2. Create KPI cards grid
3. Generate charts (bar/pie/line) as SVG
4. Add progress indicators
5. Write to `[name]-dashboard.html`
Use semantic colors: green (positive), red (negative), blue (neutral).
[View on SkillFed](https://skillfed.io/mhattingpete/claude-skills-marketplace/dashboard-creator) · [View on GitHub](https://github.com/mhattingpete/claude-skills-marketplace)