Build Dashboard

anthropics/knowledge-work-pluginsOfficial

Generates a single self-contained HTML file with Chart.js visualizations, filter controls, KPI cards, and data tables. Works completely offline since everything including data gets embedded as JSON. The workflow guides you through gathering data (from queries, CSVs, or generating samples), picking a layout pattern, and wiring up interactivity so filters update all charts simultaneously. Comes with a complete base template and specific patterns for sortable tables and different chart types. Honestly most useful when you need to email someone a dashboard or drop it in Slack without dealing with hosting, though the sample data generation is handy for prototyping before you have real queries working. The charts look professional enough for executive audiences.

skills.sh installs: 9.4K
GitHub stars: 35.3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent claude-code

Installs into .claude/skills of the current project.

Files

/build-dashboard - Build Interactive Dashboards

If you see unfamiliar placeholders or need to check which tools are connected, see 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