Grafana Dashboard Builder
VerifiedBuild Grafana dashboards as code with JSON model or Grafonnet. Creates panels with appropriate visualization types, variables, links, and alert annotations for operational monitoring.
Install
Claude Code
Copy the SKILL.md file to .claude/skills/grafana-dashboard.md About This Skill
Grafana Dashboard Builder generates dashboard-as-code that can be version-controlled, reviewed, and deployed automatically — moving away from click-and-configure dashboards that go out of sync.
Panel Types and Selection
The skill selects appropriate visualization types for each metric: time series panels for rate and gauge metrics, stat panels for current values with threshold coloring, table panels for multi-dimensional breakdowns, and heatmaps for latency distribution. It avoids common mistakes like using gauge panels for unbounded values.
Variable Templates
Generates dashboard variables for data source selection, environment filtering (prod/staging/dev), and entity selectors (service, instance, namespace). Variables are wired into panel queries with proper label_values() calls.
Layout and UX
Organizes panels into collapsible row sections (Overview, Latency, Errors, Saturation, Dependencies). Places the most critical stat panels at the top, detailed time series below. Follows the USE and RED method panel organization patterns.
Dashboard Links
Adds links between related dashboards (e.g., from a service dashboard to the underlying host dashboard) and external links to runbooks keyed to specific alert conditions.
Use Cases
- Building a RED method dashboard for a microservice fleet
- Creating an SLO burn rate dashboard with remaining error budget
- Designing a Kubernetes node and pod resource utilization dashboard
- Generating a business metrics dashboard from application event data
Pros & Cons
Pros
- + Generates version-controllable dashboard JSON or Grafonnet code
- + Selects appropriate panel types for each metric category automatically
- + Organizes panels using USE/RED method structure
- + Generates template variables for environment and service filtering
Cons
- - Cannot preview the dashboard visually without a running Grafana instance
- - Grafonnet output requires jsonnet compiler installed to render to JSON
Related AI Tools
Claude Code
Paid
Anthropic's agentic CLI for autonomous terminal-native coding workflows
- Terminal-native autonomous coding agent
- Full file system and shell access for multi-step tasks
- Deep codebase understanding via repository indexing
OpenAI Codex CLI
Open Source
OpenAI's open-source terminal coding agent with sandboxed execution
- Three operating modes (suggest, auto-edit, full-auto)
- OS-level sandboxed execution for safety
- Optimized codex-mini model for low latency
Related Skills
Stay Updated on Agent Skills
Get weekly curated skills + safety alerts
每周精选 Skills + 安全预警