build-dashboard
build-dashboard generates a single HTML file containing an interactive dashboard with embedded data, responsive layout, and real-time filtering. The dashboard includes KPI cards, Chart.js visualizations, sortable data tables, and filter controls—all functioning offline without server dependencies. Perfect for executive summaries, operational monitoring, or shareable reports.
build-dashboard creates a self-contained interactive HTML dashboard with charts, filters, and KPI cards that opens directly in your browser.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-28
build-dashboard creates a self-contained interactive HTML dashboard with charts, filters, and KPI cards that opens directly in your browser. build-dashboard generates a single HTML file containing an interactive dashboard with embedded data, responsive layout, and real-time filtering. The dashboard includes KPI cards, Chart.js visualizations, sortable data tables, and filter controls—all functioning offline without server dependencies. Perfect for executive summaries, operational monitoring, or shareable reports.
Use it when
- build-dashboard uses Chart.js to render line charts, bar charts, doughnut charts, and other standard visualization types.
- Yes.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
anthropics/knowledge-work-plugins/build-dashboard · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create interactive dashboard HTML with build-dashboard?
build-dashboard generates a single self-contained HTML file that runs entirely in your browser. You provide your data and configuration, and it produces an interactive dashboard with embedded charts, KPI cards, sortable tables, and filters—no server required. Open the file in any modern browser to view and interact with your dashboard immediately.
What visualizations does build-dashboard support?
build-dashboard uses Chart.js to render line charts, bar charts, doughnut charts, and other standard visualization types. It also displays KPI cards for key metrics and includes sortable data tables for detailed views. All charts are interactive and respond to filter controls you set up in your dashboard configuration.
Can I build a monitoring dashboard with charts using build-dashboard?
Yes. build-dashboard is designed for operational monitoring snapshots. You can create dashboards with real-time metric displays, trend visualizations, and team performance tables. The responsive layout adapts to different screen sizes, making it suitable for wall-mounted displays or executive reviews.
Does build-dashboard require a server to run?
No. build-dashboard creates a standalone HTML file that works completely offline. There are no server dependencies—just open the generated file in your browser. This makes it ideal for sharing dashboards via email, storing in version control, or deploying to any static hosting platform.
How can I generate an HTML dashboard from CSV or raw data?
build-dashboard accepts your data in standard formats and embeds it directly into the generated HTML file. You configure which fields become filters, which metrics appear as KPI cards, and which data populates your charts and tables. The result is a shareable, browser-viewable dashboard ready for distribution.
What license does build-dashboard use?
build-dashboard is released under the Apache-2.0 license, which permits commercial and private use, modification, and distribution with proper attribution and license inclusion.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
/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
(truncated - see the full file via the links below)
File tree — 1 file
data/skills/build-dashboard/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create a self-contained interactive dashboard with charts and filters”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Generate fully functional HTML dashboards embedded with Chart.js visualizations, interactive filters, and KPI metrics. The skill produces self-contained files with line charts, bar charts, data tables, and responsive layouts—no external dependencies required beyond Chart.js CDN links.
Dashboard Builder generates a single, self-contained HTML file that combines KPI cards, interactive charts, and filterable data tables into a professional dashboard. Everything runs in the browser with no external dependencies or server setup required. Perfect for executive summaries, monitoring snapshots, and shareable data reports.
Visualize transforms your concepts into polished, self-contained HTML visualizations in one go. Generate slide decks, dashboards, infographics, flowcharts, timelines, and other visual formats—each as a standalone file ready to open anywhere. Perfect for presenting information in ways that help audiences grasp it faster.
Data Build Dashboard generates self-contained HTML files with interactive charts, filterable data, and professional styling in the Evolution theme. Open directly in your browser to monitor metrics, compare categories, and drill into details without external dependencies.
Generative UI equips Claude with the complete Anthropic design system for the `show_widget` tool, enabling inline rendering of interactive HTML/SVG widgets in claude.ai. Use it to build charts, dashboards, diagrams, flowcharts, and visual explainers without setup calls. The skill includes routing rules, component templates, CSS variables for light/dark mode, and Chart.js patterns to produce polished visuals that blend seamlessly with conversation.
Dashboard Creator generates self-contained HTML dashboards featuring KPI metric cards with trend indicators, SVG-based bar/pie/line charts, and progress bars. Perfect for building performance monitoring interfaces and analytics displays from your data.
More skills Power Bi Build (unlicensed)