Can I use data from my company's database?

Yes. If you have a data warehouse connected through Claude Cowork, the skill can query your data and embed the results directly into the dashboard JSON.

Does this dashboard require a backend server to run?

No, the skill generates a single, self-contained HTML file with all CSS, JavaScript, and data embedded directly. It can be opened in any web browser without a server.

Are the dashboards mobile-friendly?

Yes, the generated dashboards use responsive design patterns like CSS Grid and Flexbox to ensure they display correctly on both mobile devices and desktop monitors.

How do I update the data in an existing dashboard?

You can re-run the /build-dashboard command with updated data, or manually swap the embedded JSON variable within the generated HTML file.

What chart types can the dashboard include?

The skill supports a wide range of Chart.js visualizations, including line charts for trends, bar charts for comparisons, doughnut charts for composition, and mixed-mode charts.

Build Dashboard

Name: Build Dashboard
Author: anthropics

byanthropics

•

11,566

•

분석 및 모니터링

Generates self-contained, interactive HTML dashboards with professional charts and filters for rapid data visualization and reporting.

The build-dashboard skill empowers users to transform raw data, CSV files, or database query results into polished, shareable dashboards without the need for a backend server or complex infrastructure. It automatically generates a single, portable HTML file featuring dynamic Chart.js visualizations, responsive KPI cards, and interactive filtering logic. Designed for knowledge workers and developers alike, it provides a professional layout for executive overviews, operational monitoring, and data deep-dives that work instantly in any modern web browser.

주요 기능

01Integrates Chart.js for interactive line, bar, doughnut, and mixed-mode charts

02Responsive CSS layout using Grid and Flexbox for mobile and desktop viewing

03Creates self-contained HTML files with embedded JSON data for offline use

04Includes built-in UI components like KPI cards, filters, and sortable tables

0511,566 GitHub stars

06Supports live data warehouse queries or manual data entry and parsing

사용 사례

01Turning static CSV exports into interactive, shareable web-based reports

02Building team monitoring snapshots from live database query results

03Creating executive KPI overviews from weekly performance metrics

주요 기능

01Integrates Chart.js for interactive line, bar, doughnut, and mixed-mode charts

02Responsive CSS layout using Grid and Flexbox for mobile and desktop viewing

03Creates self-contained HTML files with embedded JSON data for offline use

04Includes built-in UI components like KPI cards, filters, and sortable tables

0511,566 GitHub stars

06Supports live data warehouse queries or manual data entry and parsing

사용 사례

01Turning static CSV exports into interactive, shareable web-based reports

02Building team monitoring snapshots from live database query results

03Creating executive KPI overviews from weekly performance metrics