build-dashboard
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.
This skill ships only metadata — no inline instructions. See the source repo for details.
Install this skill
One command (all agents)
Runs the npx skills CLI which auto-detects every AI coding agent you have installed (Claude Code, Cursor, Codex, OpenCode, Windsurf, Copilot, and 51 more).
npx skills add https://github.com/anthropics/knowledge-work-plugins/tree/HEAD/data/skills/build-dashboardAlternative: shorthand form
npx skills add anthropics/knowledge-work-plugins --skill build-dashboardInstall to a specific agent
Pick the agent you use. The CLI writes the skill to that agent's standard skill directory.
npx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent claude-codenpx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent cursornpx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent codexnpx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent opencodenpx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent github-copilotnpx skills add anthropics/knowledge-work-plugins --skill build-dashboard --agent windsurfManual install (no CLI)
Prefer to skip the CLI? Clone the repo and drop the skill folder into your agent's skills directory.
git clone https://github.com/anthropics/knowledge-work-plugins.gitcp -r knowledge-work-plugins/data/skills/build-dashboard ~/.claude/skills/ For other agents, replace ~/.claude/skills/ with their skill directory — see the full list.
Use it
Once installed, ask your agent to "use the build-dashboard skill" or describe what you want (e.g. "Build an interactive HTML dashboard with charts, filters, and tables. Use when c"). Most agents auto-discover the skill from its SKILL.md description — no slash command needed.
npx skills. Skill files are MIT-style permissive by default — check the source repo for the actual license.
SKILL.md source
--- name: build-dashboard description: 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 t ---
Want the ready-to-ship business bundle?
500+ agent skills, $15 one-time, lifetime access. 20 categories spanning content, marketing, sales, finance, legal, ops, SEO & more — finished deliverables, not drafts. Works with Claude Code, Codex, Cursor & every agent runtime.
Related skills 6
opensource-guide-coach
Use when a user wants guidance on starting, contributing to, growing, governing, funding, securing, or sustaining an open source project, or asks about contributor onboarding, community health, maintainer burnout, code of conduct, metrics, legal basics, or open source project adoption.
use-my-browser
Use when work depends on the user's live browser session or visible rendered state rather than static fetches, especially for browser debugging contexts or DevTools-selected elements or requests, logged-in dashboards or CMS flows, localhost apps, forms, uploads, downloads, media inspection, DOM or iframe inspection, Shadow DOM, or browser failures that look like soft 404s, auth walls, anti-bot checks, or rate limits.
Hugging Face / hugging-face-datasets
Create and manage datasets with configs and SQL querying
Redis / redis-development
Redis development best practices — data structures, query engine, vector search, caching, and performance optimization.
OpenAI / sentry
Inspect Sentry issues, summarize production errors, and pull health data
ClickHouse / chdb-datastore
Drop-in pandas replacement with ClickHouse performance across 16+ data sources