Skills
.Work. You
Rest

dashboard-creator

Community

Build stunning dashboards, visualize your data.

Data & Analytics#data visualization#charts#HTML#metrics#dashboard#KPI#SVG
Authormhattingpete
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creating clear, professional dashboards with key performance indicators (KPIs) and data visualizations can be complex and time-consuming. This Skill automates the generation of stunning, interactive HTML dashboards, allowing you to visualize your data and metrics effortlessly.

Core Features & Use Cases

  • Dynamic Dashboard Generation: Creates responsive HTML dashboards using SVG for charts.
  • Rich Components: Includes KPI metric cards, bar charts, pie/donut charts, line charts, and progress indicators.
  • Data Visualization: Uses a semantic color system and clear layouts for easy data interpretation.
  • Use Case: Provide your website analytics data (visitors, page views, bounce rate) and this Skill will generate a beautiful, interactive dashboard with metric cards and trend charts.

Quick Start

Example: Request a website analytics dashboard

User: "Create a dashboard for website analytics with:

- Total Visitors: 12,450

- Page Views: 45,230

- Bounce Rate: 32%

- Avg Session: 4:32

Include a line chart for traffic over time and a pie chart for traffic sources."

Output will be a complete HTML/SVG dashboard.

Dependency Matrix

Required Modules

None required

Components

assetsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dashboard-creator
Download link: https://github.com/mhattingpete/claude-skills-marketplace/archive/main.zip#dashboard-creator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository