build-dashboard
Builds an interactive single-file HTML dashboard with KPI cards, charts, filters and tables from query results.
- Kind
- Skill
- Works with
- Claude Code
- Source
- Claude knowledge-work plugins @ 2574e29377c7
- Path
- data/skills/build-dashboard/SKILL.md
- License
- Apache-2.0
- Jobs
- Implementation, UI/UX work
InstallInstall it from a plugin marketplace.
claude plugin install data@knowledge-work-plugins
# /build-dashboard - Build Interactive Dashboards > If you see unfamiliar placeholders or need to check which tools are connected, see [CONNECTORS.md](../../CONNECTORS.md). Build a self-contained interactive HTML dashboard with charts, filters, tables, and professional styling. Opens directly in a browser -- no server or dependencies required. ## Usage ``` /build-dashboard <description of dashboard> [data source] ``` ## Workflow ### 1. Understand the Dashboard Requirements Determine: - **Purpose**: Executive overview, operational monitoring, deep-dive analysis, team reporting - **Audience**: Who will use this dashboard? - **Key metrics**: What numbers matter most? - **Dimensions**: What should users be able to filter or slice by? - **Data source**: Live query, pasted data, CSV file, or sample data ### 2. Gather the Data **If data warehouse is connected:** 1. Query the necessary data 2. Embed the results as JSON within the HTML file **If data is pasted or uploaded:** 1. Parse and clean the data 2. Embed as JSON in the dashboard **If working from a description without data:** 1. Create a realistic sample dataset matching the described schema …