skills.rest
anthropics
anthropicsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

build_dashboard

Generate self-contained interactive HTML dashboards with charts, filters, and tables.

23.4k|2.8k|Updated Jan 23, 2026
Search Tags:#html#data visualization#charts#dashboard#reporting#filters
One-click install
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill build-dashboard-anthropics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build_dashboard
Source: https://github.com/anthropics/knowledge-work-plugins/tree/main/data/skills/build-dashboard
Command: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill build-dashboard-anthropics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of self-contained, interactive HTML dashboards with charts, filters, and tables, eliminating the need for complex development or server-side infrastructure.

Core Features & Use Cases

  • Interactive Dashboards: Generates single HTML files that open directly in a browser.
  • Data Visualization: Includes support for various chart types (line, bar, doughnut) using Chart.js.
  • Dynamic Filtering: Allows users to filter data through dropdowns and date range selectors.
  • Use Case: Build an executive overview with KPI cards, turning query results into a shareable self-contained report, or creating a team monitoring snapshot.

Quick Start

Use the build_dashboard skill to create a monthly sales dashboard with revenue trend, top products, and regional breakdown, using data from the orders table.

Frequently Asked Questions about build_dashboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive HTML dashboard from my data?▼

To create an interactive HTML dashboard, you can generate a self-contained HTML file with embedded JSON data, CSS styling, and JavaScript for interactivity. This approach requires no server-side infrastructure and opens directly in a browser.

What types of charts can I include when building an HTML dashboard?▼

When building an HTML dashboard, you can include various chart types such as line, bar, and doughnut charts using Chart.js. These charts support data visualization for executive overviews and operational monitoring.

Can I add filters to a self-contained HTML report?▼

Yes, you can add dynamic filters to a self-contained HTML report. The dashboard supports dropdowns and date range selectors, allowing users to interactively filter the embedded JSON data directly in the browser.

Do I need a server to host an interactive dashboard?▼

No, you do not need a server to host an interactive dashboard. The process generates a single, self-contained HTML file with embedded data, CSS, and JavaScript, making it suitable for shareable reports without server-side infrastructure.

What is the best way to share a data visualization report with executives?▼

The best way to share a data visualization report is to generate a self-contained HTML file with KPI cards, charts, and tables. This single file includes embedded JSON data and can be easily shared and opened directly in any browser.

Related Skills

Explore More Data & Analytics Skills→
Thiago-Cruz-engThiago-Cruz-eng

data-analysis

Analyze datasets to extract insights and produce structured reports.

Community
Intermediate
clawpod-appclawpod-app
46

build-dashboard

Transform raw data into self-contained interactive HTML dashboards with Chart.js.

Community
Advanced
Aradhya0510Aradhya0510
3

databricks-aibi-dashboards

Create and update Databricks AI/BI dashboards from structured JSON with SQL validation.

Community
Advanced
s23hs23h

report-style-guide

Generate self-contained HTML data reports with metrics dashboards and charts.

Community
Intermediate