Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Guide · dashboard skills

What are the best dashboard skills for Claude Code?

firecrawl-dashboard-reporting leads dashboard skills at 28,490 installs (skills.sh registry), with kpi-dashboard-design (11,237 installs) the top pick for designing the dashboard itself and grafana-dashboards (9,770 installs) for observability. Pick by layer: design the KPIs, build the UI, then wire monitoring.

By Skillselion, an Ellelion LLC publication · Updated July 11, 2026 · 3 min read · Stats verified against the live catalog

Dashboards are where agent-generated UI usually falls apart: too many charts, no metric hierarchy, default-template styling. The catalog has a deep bench for exactly this, led by firecrawl-dashboard-reporting at 28,490 installs (skills.sh registry).

Key takeaways

  • Dashboard skills split into three layers: designing the metrics, building the UI, and wiring observability; installing one of each beats installing three from the same layer.
  • firecrawl-dashboard-reporting is the most-installed dashboard skill at 28,490 installs (skills.sh registry), automating web-data reporting dashboards.
  • For dashboard design proper, kpi-dashboard-design (11,237 installs) from the wshobson/agents collection (37,769 GitHub stars) is the strongest pick.
  • Observability is vendor-led: grafana-dashboards records 9,770 installs, and Grafana and Elastic both ship first-party skills.
  • The wider field is ranked at best skills for frontend design and in the UI design hub.

Why do agent-built dashboards need a dedicated skill?

Because a dashboard is a design problem before it is a coding problem, and agents skip the design step. Without guidance, Claude Code renders every available metric at equal weight, which produces noise. A dashboard skill encodes the missing decisions: which KPIs earn the top row, what comparison each chart makes, when a table beats a graph. The catalog's build/frontend cluster holds 6,010 skills (Skillselion catalog, July 2026), but the dashboard-specific ones concentrate that judgment. The payoff compounds: a dashboard is usually the most-viewed screen a team ships internally, so a wrong hierarchy gets institutionalized fast.

What is the best skill for designing a KPI dashboard?

kpi-dashboard-design is the top pick at 11,237 installs, from the wshobson/agents collection with 37,769 GitHub stars (skills.sh registry, GitHub). It works upstream of code: metric selection, visual hierarchy, drill-down structure, and refresh cadence, so the agent produces a defensible layout instead of a chart dump.

npx skills add wshobson/agents

Strong alternatives: build-dashboard from anthropics (5,854 installs, 22,524 GitHub stars) turns data plus intent into a finished interactive artifact, and dashboard-builder (3,746 installs) is the general-purpose build skill from the everything-claude-code kit, whose repo carries 228,290 GitHub stars. The rest of the field is ranked at best skills for frontend design.

wshobson
wshobson

What is the most-installed dashboard skill overall?

firecrawl-dashboard-reporting at 28,490 installs (skills.sh registry). It occupies a different niche than the design skills: it crawls live web data and assembles recurring reporting dashboards, which makes it the pick when the dashboard is an output you deliver on schedule rather than a product surface you design once.

Which skills cover Grafana, Kibana, and monitoring dashboards?

Observability dashboards have their own conventions, and the vendor-adjacent skills encode them. grafana-dashboards (9,770 installs) covers panel design and PromQL-backed layouts; Grafana's first-party dashboarding skill (2,297 installs) reflects how the vendor itself structures boards; kibana-dashboards from elastic (1,956 installs) does the same for the ELK side, and building-dashboards from axiomhq adds 1,720 installs (all skills.sh registry). First-party skills are worth preferring here: the vendor knows its own query language's sharp edges.

What about admin panels and product dashboards?

Two skills carry this use case. building-admin-dashboard-customizations (2,649 installs, skills.sh registry) is medusajs's first-party skill for extending commerce admin UIs, and metrics-dashboard (1,741 installs, from a repo with 23,463 GitHub stars) approaches dashboards from the product-management side: which numbers a team should stare at weekly. Pair either with a general UI-quality skill from the frontend and design category so the output escapes the default admin-template look.

A complete starter stack

Common pitfalls

  • Skipping the design layer: generating charts before deciding metric hierarchy guarantees a rebuild; run kpi-dashboard-design first.
  • Using a generic UI skill for Grafana or Kibana work: panel JSON and query languages are vendor-specific, and the first-party skills exist because of it.
  • Cramming every metric in: the skill can propose hierarchy, but keep the top row to three to five KPIs and push the rest behind drill-downs.

Design the metrics, build the surface, wire the monitoring: one skill per layer and the dashboard holds up.

FAQ

Common questions

Which skill should I install first for dashboard work?

Match the skill to your layer. For product dashboards start with [kpi-dashboard-design](/skills/wshobson/agents/kpi-dashboard-design) (11,237 installs, skills.sh registry); for automated reporting, [firecrawl-dashboard-reporting](/skills/firecrawl/firecrawl-workflows/firecrawl-dashboard-reporting) leads at 28,490 installs. The full field is ranked at [best skills for frontend design](/best/skills-for-frontend-design).

Can Claude Code design a KPI dashboard, not just code one?

Yes. [kpi-dashboard-design](/skills/wshobson/agents/kpi-dashboard-design) (11,237 installs) covers metric selection, hierarchy, and layout before any code, and [build-dashboard](/skills/anthropics/knowledge-work-plugins/build-dashboard) from anthropics (5,854 installs) turns the spec into a working artifact. More design-stage skills live in the [UI design hub](/design/ui-design).

What about Grafana or Kibana dashboards specifically?

Use the vendor skills. [grafana-dashboards](/skills/wshobson/agents/grafana-dashboards) has 9,770 installs, Grafana's own [dashboarding](/skills/grafana/skills/dashboarding) skill has 2,297, and [kibana-dashboards](/skills/elastic/agent-skills/kibana-dashboards) from elastic has 1,956 (skills.sh registry).

Is there a skill for admin dashboards?

Yes: [building-admin-dashboard-customizations](/skills/medusajs/medusa-agent-skills/building-admin-dashboard-customizations) from medusajs records 2,649 installs (skills.sh registry) for commerce admin work, and [dashboard-builder](/skills/affaan-m/everything-claude-code/dashboard-builder) (3,746 installs) handles general-purpose builds.

How do I make Claude Code dashboards look professional?

Layer a design-quality skill under the dashboard skill. The [frontend and design category](/category/frontend-design) ranks the general UI skills; pairing one with kpi-dashboard-design fixes the generic-admin-template look most agents default to.

Ranked by Skillselion - an independent directory of AI-coding tools, not affiliated with Anthropic, OpenAI or Cursor. Tool rankings reflect real adoption (installs, then GitHub stars) from the skills.sh registry and GitHub, last updated July 11, 2026.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.