Can I customize the generated dashboard styles?

Yes, the skill produces standard, well-commented HTML and CSS that can be easily modified or integrated into existing design systems.

Does this skill require external libraries like D3.js or Chart.js?

No, it is designed to generate lightweight dashboards using native SVG and CSS for charts, ensuring fast loading times and zero external dependencies.

What is the Dashboard Creator skill?

It is a specialized capability for Claude Code that allows the AI to generate complete, standalone HTML dashboards featuring charts, metrics, and KPI cards.

What types of visualizations can I create?

The skill supports KPI cards with trend icons, SVG-based bar, pie, and line charts, progress bars, and organized data tables.

Dashboard Creator

Name: Dashboard Creator
Author: prof-ramos

byprof-ramos

•

Analytics & Monitoring

Generates professional HTML dashboards featuring KPI metric cards, interactive SVG charts, and data visualization components.

Dashboard Creator is a specialized capability for Claude Code designed to automate the creation of data-driven monitoring interfaces and analytics reports. It generates clean, responsive HTML/CSS layouts that incorporate KPI cards with trend indicators, lightweight SVG-based visualizations (bar, pie, and line charts), and progress bars. This skill is ideal for developers needing to quickly prototype or deploy performance tracking interfaces, providing a structured approach to visualizing metrics without the overhead of heavy external libraries.

Key Features

01Standardized color-coding for positive, negative, and neutral trends

02Responsive CSS boilerplate using modern system-ui typography

03Automated KPI card generation with trend and change indicators

04Custom SVG-based bar, pie, and line charts for zero-dependency visuals

051 GitHub stars

06Dynamic progress bars and semantic data table formatting

Use Cases

01Generating project progress reports and analytics summaries

02Building performance monitoring interfaces for web applications

03Visualizing business KPIs and financial revenue metrics

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add prof-ramos/.codex dashboard-creator

For use in Claude.ai and ChatGPT

Download Skill