build-dashboard Skill for Claude: Interactive HTML Dashboards

Builds a single-file interactive HTML dashboard with charts, filters and tables from your data, and opens it in your browser. Anthropic's data plugin.

Installs: 9.2K; on skills.sh
Stars: 34.4K; on GitHub
Updated: Nov 2026; last repo commit

build-dashboard makes Claude write one self-contained HTML file: KPI cards at the top, one to three Chart.js charts, filters, and a sortable table. You describe the dashboard and give it a data source, such as a connected warehouse, pasted data or a CSV. With no data, it builds a sample dataset and says so in the file.

It is the build-dashboard skill of the data plugin in Anthropic's knowledge-work-plugins repo. Data is embedded in the file, so anyone you send the file to can read it. Dashboards are point-in-time snapshots.

Good for

Analysts who need a shareable report from query results or a CSV
Managers who want an executive overview with KPI cards
Teams who want a monitoring snapshot without a BI tool

Install build-dashboard

Claude Code

Copy this prompt.

Install the build-dashboard skill in Claude Code. Run this command:

claude plugin marketplace add anthropics/knowledge-work-plugins
claude plugin install data@knowledge-work-plugins

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

The plugin route installs all 10 skills of the data plugin and a .mcp.json that lists 8 data connectors. Skills are called with the plugin name in front, as in the README example /data:write-query, so this one is likely /data:build-dashboard. The skills CLI route installs only this skill.

From the project README. Source.

What's in the skill

When it loads

Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.

Sections in SKILL.md

Usage
Workflow
1. Understand the Dashboard Requirements
2. Gather the Data
3. Design the Dashboard Layout
4. Build the HTML Dashboard
5. Implement Chart Types
6. Add Interactivity
7. Save and Open
Base Template
KPI Card Pattern
Chart.js Integration
Chart Container Pattern
Line Chart
Bar Chart
Doughnut Chart

Key facts

Author: Anthropic (the data plugin lists author "Anthropic"; anthropics/knowledge-work-plugins is vendor's own repo)
License: Apache-2.0 (LICENSE files in the repo and in data/)
Installs on skills.sh: 9,239 (Nov 2, 2026)
GitHub stars: 34,361 for the whole knowledge-work-plugins repo (Nov 2, 2026)
Last repo commit: Nov 1, 2026
Files in the folder: 1 file: SKILL.md (the template code is inside it)
Part of: The data plugin, version 1.1.0, with 10 skills and a .mcp.json listing 8 data connectors
Works in: Claude Cowork and Claude Code, per the plugin README

What it includes

Asks about purpose, audience, key metrics, filter dimensions and data source
The first of seven workflow steps.
Understand the request
Queries a connected warehouse, parses pasted or uploaded data, or makes sample data
Results are embedded as JSON in the HTML. Sample data is flagged in the dashboard.
Network · Gather data
Plans 2 to 4 KPI cards, 1 to 3 charts and an optional detail table
Filters go in the header or a sidebar.
Design the layout
Writes one HTML file with CSS, JavaScript and embedded data
Chart.js 4.5.1 and a date adapter are linked from cdn.jsdelivr.net in the base template.
Write · Build the HTML file
Line, bar and doughnut patterns, plus stacked bar and mixed bar-and-line
Three have full code patterns in the skill.
Charts
Dropdown and date-range filters, combined filter logic and sortable columns
Filters update every chart and table at once.
Filters and tables
Saves a descriptively named .html file and opens it in your default browser
Then confirms it renders and explains how to update the data.
Runs code · Save and open
Suggests pre-aggregating and limiting table rows to 100 to 200
Plus animation and update tips for many charts.
Large data tips

From the official docs

Permissions

Medium risk

The skill writes an HTML file with your data inside it, and the plugin it ships in lists data connectors that can read your warehouse. Connect only what you need, and strip private data before sharing the file.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The plugin lists 8 data connectors
The data plugin's .mcp.json lists snowflake, databricks, bigquery, hex, amplitude, amplitude-eu, atlassian and definite. Snowflake and Databricks have empty URLs. Connect only the ones you need and review what each can read. github.com
Your data is embedded in the file
Query results are embedded as JSON in the HTML. Anyone who gets the file can read all of it, even rows no chart shows. Strip private columns before you share. github.com
The page loads scripts from a CDN
The base template loads Chart.js and chartjs-adapter-date-fns from cdn.jsdelivr.net with integrity hashes. Your browser contacts that host when you open the file. github.com
It opens a file in your browser
Step 7 saves the dashboard and opens it in your default browser. The file name is chosen by Claude, so check the folder it saves to. github.com

Technical details

Talks to	cdn.jsdelivr.net (Chart.js and date adapter, when the dashboard is opened). The data connectors you enable (for example bigquery.googleapis.com, app.hex.tech, mcp.amplitude.com, mcp.atlassian.com)
Sign-in and keys	No key of its own. Connectors in the data plugin use their own sign-in.
Scopes	Writes an .html file to your disk and opens it in your browser Queries data sources you have connected through MCP The data plugin lists 8 connectors in .mcp.json

Questions

What does build-dashboard do?

It makes Claude build an interactive dashboard as a single HTML file, with KPI cards, charts, filters and a table, and open it in your browser.

How do I install it?

Use the install box above. In Claude Code the data plugin route installs this skill and nine others, plus a file that lists data connectors. The skills CLI route installs this skill alone.

Is it official?

Yes, it is Anthropic's. It is in the anthropics/knowledge-work-plugins repo, and the data plugin lists "Anthropic" as its author.

Do I need a data warehouse?

No. The skill takes pasted data, a CSV or a description with sample data. A connected warehouse lets Claude query it directly.

Does it work offline?

SKILL.md says the dashboard "works completely offline", but its base template links Chart.js from cdn.jsdelivr.net. Open a built file with internet access, or ask Claude to inline the library.

Can I share the file?

Yes. SKILL.md says dashboards are self-contained, so you can send the file. The data is embedded in it, so share only what the reader may see.

Is it live data?

No. SKILL.md says these are point-in-time snapshots and suggests a BI tool for real-time dashboards.

Is it safe?

It writes an HTML file and opens it in your browser, and can query connected data sources. The data plugin also lists eight data connectors in .mcp.json. Read the safety box before you connect any of them.

Does it work in the Claude app?

The plugin README says the data plugin is primarily designed for Cowork, Anthropic's desktop app, and also works in Claude Code. The install box shows the Cowork route.

Information

updated Nov 2, 2026

Repository: anthropics/knowledge-work-plugins
Folder: data/skills/build-dashboard

anthropics/knowledge-work-plugins skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

knowledge-work-plugins README · github.com
data plugin README · github.com
data plugin.json · github.com
build-dashboard SKILL.md · github.com
data plugin .mcp.json · github.com