D

Dashboard Creator

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

bymhattingpete
Home/Data-analysis/Dashboard Creator

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 creator
View on GitHub

GitHub Stats

Stars
Forks
Last Update
License
Apache-2.0
Version
1.0.0

Categories

Data-analysis
Design

Tags

dashboard
data-visualization
kpi
charts
metrics

Features

Related Skills

More from Data-analysis

Impeccable

The design language that makes your AI harness better at frontend design — 1 skill, 23 commands, 45 detector rules

43.5kPaul Bakaus
design
frontend
ui
design-review

UI/UX Pro Max

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue,

99.9knextlevelbuilder
Frontend
Design

Brand Guidelines

Apply Anthropic's official brand colors and typography to artifacts

157.7kAnthropic
Design

Download Dashboard Creator

Dashboard Creator is free and open source. Download it from the official source repository — clone it with git or use GitHub's Download ZIP option on the repo page — then copy the skill folder into your project's .claude/skills/ directory to install it.

If you are an AI agent

Query this directory over HTTP

This site is a searchable directory of harness components for AI coding agents. Fetch objective JSON — names, descriptions, stars, and source links. Installation and selection are yours to decide.

GET https://claudeskills.info/api/v1/search?q=ui%2Fux
GET https://claudeskills.info/api/v1/search?type=subagent&q=review
GET https://claudeskills.info/api/v1/meta
See https://claudeskills.info/llms.txt