Can I filter data within the generated dashboard?

Yes, the skill includes built-in patterns for dropdown and date range filters that update charts and KPI cards in real-time using client-side JavaScript.

Which charting library does this skill utilize?

This skill uses Chart.js (v4+) for responsive and interactive visualizations, along with date-fns for specialized time-series handling.

Do I need a backend server to run these dashboards?

No, the dashboards generated are self-contained HTML files that run directly in any modern web browser without the need for a backend or web server.

Is the dashboard styling mobile-responsive?

Yes, the provided CSS patterns use a container-based approach and Chart.js settings that ensure charts resize appropriately for different screen widths.

Interactive Dashboard Builder

Name: Interactive Dashboard Builder
Author: anthropics

byanthropics

•

8,000

•

分析と監視

Builds self-contained, interactive HTML dashboards with Chart.js and professional styling for serverless data visualization.

The Interactive Dashboard Builder skill provides standardized patterns and boilerplate code for generating high-quality, standalone HTML dashboards. It enables users to create interactive reports featuring KPI cards, dynamic Chart.js visualizations—including line, bar, and doughnut charts—and client-side filtering logic that functions entirely within a single file. This tool is ideal for knowledge workers and developers who need to share professional-grade data insights and reports that require no backend infrastructure or hosting beyond a standard web browser.

主な機能

01Integrated client-side filtering for regions, categories, and date ranges

02Self-contained HTML/JS output for easy, serverless sharing

03Professional CSS styling for modern, responsive dashboard layouts

04Dynamic KPI cards with automated trend and percentage indicators

05Pre-configured Chart.js templates for Line, Bar, and Doughnut charts

068,000 GitHub stars

ユースケース

01Building quick data visualization tools for local CSV or JSON datasets

02Creating shareable monthly performance reports for stakeholders

03Generating interactive project status dashboards for team reviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anthropics/knowledge-work-plugins interactive-dashboard-builder

For use in Claude.ai and ChatGPT

Download Skill