What technology does this skill use for charts?

It uses native SVG and CSS to create lightweight, responsive charts like bar, pie, and line graphs without requiring external JavaScript libraries.

Does it require external dependencies like D3.js or Chart.js?

No, it focuses on standalone HTML and SVG patterns to ensure the dashboards are portable and run instantly in any browser.

Can I customize the dashboard styling?

Yes, the skill generates standard HTML and CSS with clear class names that you can easily modify to match your project's branding.

What kind of metrics can I visualize?

You can visualize any numerical data including revenue, user growth, task completion rates, system performance, or custom project KPIs.

How do I trigger the dashboard creation?

Simply prompt Claude with requests like 'create a dashboard for these metrics' or 'visualize our performance data' to activate the skill's workflow.

Dashboard Creator

Name: Dashboard Creator
Author: pur3v4d3r

bypur3v4d3r

•

分析与监控

Generates interactive HTML dashboards featuring KPI metric cards, SVG-based charts, and data visualizations for monitoring performance.

The Dashboard Creator skill empowers Claude to build comprehensive, standalone HTML dashboards with a professional aesthetic. It automates the extraction of metrics and the generation of visual components like KPI cards with trend indicators, SVG bar and pie charts, and progress bars. This tool is ideal for developers and data analysts who need quick, lightweight monitoring interfaces or visual performance reports without the overhead of heavy BI platforms, providing a clean and semantic way to present complex data sets.

主要功能

01Creates lightweight SVG-based bar, line, and pie charts

021 GitHub stars

03Implements progress bars and completion indicators

04Generates responsive HTML/CSS dashboard layouts

05Builds clean, semantic data tables for tabular metrics

06Designs KPI cards with trend indicators and status icons

使用场景

01Creating lightweight monitoring interfaces for local datasets

02Generating executive summaries with visual data trends

03Visualizing project performance metrics and KPIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pur3v4d3r/pur3-pkb-codebase dashboard-creator

For use in Claude.ai and ChatGPT

主要功能

01Creates lightweight SVG-based bar, line, and pie charts

021 GitHub stars

03Implements progress bars and completion indicators

04Generates responsive HTML/CSS dashboard layouts

05Builds clean, semantic data tables for tabular metrics

06Designs KPI cards with trend indicators and status icons

使用场景

01Creating lightweight monitoring interfaces for local datasets

02Generating executive summaries with visual data trends

03Visualizing project performance metrics and KPIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pur3v4d3r/pur3-pkb-codebase dashboard-creator

For use in Claude.ai and ChatGPT