Dashboard Creator
Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
Install
Quick install
npx skills add https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/dashboard-creatornpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent claude-codenpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent cursornpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent codexnpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent opencodenpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent github-copilotnpx skills add mhattingpete/claude-skills-marketplace --skill "Dashboard Creator" --agent windsurfMore 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.gitcp -r claude-skills-marketplace/visual-documentation-plugin/skills/dashboard-creator ~/.claude/skills/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.0Categories
Data-analysisDesignTags
dashboarddata-visualizationkpichartsmetricsFeatures
Related Skills
More from Data-analysisBrand Guidelines
Apply Anthropic's official brand colors and typography to artifacts5.3kAnthropicDesign00
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy5.3kAnthropicCreativeDesign00
Theme Factory
Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly5.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
opensource-guide-coach
Use when a user wants guidance on starting, contributing to, growing, governing, funding, securing, or sustaining an open source project, or asks about contributor onboarding, community health, maintainer burnout, code of conduct, metrics, legal basics, or open source project adoption.
use-my-browser
Use when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevTools-selected elements or requests, logged-in dashboards or CMS flows, localhost apps, forms, uploads, downloads, media inspection, DOM or iframe inspection, Shadow DOM, or browser failures that look like soft 404s, auth walls, anti-bot checks, or rate limits.
OpenAI / sentry
Inspect Sentry issues, summarize production errors, and pull health data
Datadog Labs / dd-monitors
Manage Datadog monitors through the pup CLI
ClickHouse / chdb-datastore
Drop-in pandas replacement with ClickHouse performance across 16+ data sources
Hugging Face / hugging-face-datasets
Create and manage datasets with configs and SQL querying