NEW Browse AI tools across categories — updated daily. See what's new →

Dashboard Creator

Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding

Version1.0.0
LicenseApache-2.0
Token count~496
UpdatedJun 5, 2026

Install

Quick install

via npx skills · works with 57+ agents
npx skills add https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/dashboard-creator
Or pick agent:
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent claude-code
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent cursor
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent codex
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent opencode
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent github-copilot
npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent windsurf
More install options

Shorthand — useful for multi-skill repos:

npx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator"

Manual — clone the repo and drop the folder into your agent's skills directory:

git clone https://github.com/mhattingpete/claude-skills-marketplace.git
cp -r claude-skills-marketplace/visual-documentation-plugin/skills/dashboard-creator ~/.claude/skills/
How to use: Once installed, ask your agent to "use the Dashboard Creator skill" or describe what you want (e.g. "Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/l"). Requires Node.js 18+.

Dashboard Creator

Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding

What is it?
Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding Built for use cases involving dashboard, data-visualization, kpi, charts, metrics.

How to use it?

Install this skill in your Claude environment to enhance dashboard creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts.

The full source and documentation is available on GitHub.

Key Features

  • Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
  • Seamless integration with Claude's development workflow
  • Comprehensive guidelines and best practices for dashboard creatorView on GitHub

GitHub Stats

StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0

Categories

Data-analysisDesign

Tags

dashboarddata-visualizationkpichartsmetrics

Features

Related Skills

More from Data-analysis

Brand Guidelines

Apply Anthropic's official brand colors and typography to artifacts

5.3kAnthropicDesign00

Canvas Design

Create beautiful visual art in .png and .pdf formats using design philosophy

5.3kAnthropicCreativeDesign00

Theme Factory

Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly

5.3kAnthropicDesign00

---

Source: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/dashboard-creator
Author: mhattingpete
License: https://opensource.org/licenses/Apache-2.0
GitHub Stars: 350
Tags: dashboard, data-visualization, kpi, charts, metrics

SKILL.md source

---
name: Dashboard Creator
description: Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
---

# Dashboard Creator

Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding

What is it?
Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding Built for use cases involving dashboard, data-visualization, kpi, charts, metrics.

## How to use it?
Install this skill in your Claude environment to enhance dashboard creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts.

The full source and documentation is available on GitHub.

## Key Features

* Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
* Seamless integration with Claude's development workflow
* Comprehensive guidelines and best practices for dashboard creatorView on GitHub

### GitHub Stats
StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0

### Categories
Data-analysisDesign

### Tags
dashboarddata-visualizationkpichartsmetrics

### Features

## Related Skills
More from Data-analysis

### Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts

5.3kAnthropicDesign00

### Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy

5.3kAnthropicCreativeDesign00

### Theme Factory
Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly

5.3kAnthropicDesign00

---

**Source**: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/dashboard-creator
**Author**: mhattingpete
**License**: https://opensource.org/licenses/Apache-2.0
**GitHub Stars**: 350
**Tags**: dashboard, data-visualization, kpi, charts, metrics

Related skills 6