Dashboard Creator

Create complete HTML dashboards with KPI cards, interactive charts, data tables, and real-time visualizations — ready to deploy or embed.

Features

• Drag-and-Drop Layout — Generates grid-based dashboard layouts with configurable widget placement
• Widget Library — KPI cards, line charts, bar charts, tables, maps, and progress indicators
• Theme System — Light and dark themes with customizable color palettes and branding
• Data Binding — Connect widgets to static files, REST APIs, or WebSocket streams
• Responsive Design — Dashboards adapt seamlessly from mobile to large monitor displays

Quick Start

claude skill install dashboard-creator

Usage

# Create a project monitoring dashboard
/dashboard-creator "show build status, test coverage, deploy frequency, and error rate"

# Generate a sales dashboard from CSV data
/dashboard-creator --data quarterly-sales.csv --layout 2x3

How It Works

Takes your dashboard requirements and generates a self-contained HTML file with embedded CSS and JavaScript. Uses Chart.js for visualizations and a CSS Grid layout system for responsive widget arrangement. Supports both static data embedding and dynamic API polling for real-time updates.

Compatibility

Works with Claude Code, Codex, Gemini CLI, Cursor, Windsurf, and Aider.