Claude MarketplacesSubmit
grafana avatar

Dashboarding

grafana/skillsOfficial

This is a comprehensive reference for building Grafana dashboards programmatically through JSON manipulation. It covers the full dashboard schema, panel types with specific use cases (time series for metrics over time, stat for single values, heatmap for distributions), template variables for multi-environment reuse, and client-side transformations like calculateField and filterByValue. The annotations section is especially useful if you're overlaying deployment events or incidents on your graphs. It includes practical details like the 24-column grid system, unit identifiers for proper formatting, and built-in variables for dynamic linking. You'll want this when you're scripting dashboard creation via API or need to understand what Grafana Assistant is generating under the hood.

skills.sh installs
9.5K
GitHub stars
307
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add grafana/skills --skill dashboarding --agent claude-code

Installs into .claude/skills of the current project.

Files

Grafana Dashboard Authoring

Docs: https://grafana.com/docs/grafana/latest/dashboards/

Dashboards are JSON. Author once, push via API, share by uid.

Prerequisites

  • Grafana stack (OSS, Enterprise, or Cloud) reachable from your machine
  • API token with dashboards:write (Authorization: Bearer <token>)
  • jq for inspecting responses
  • The JSON-schema cheat sheet in references/json-schema.md

Common Workflows

1. Push a new dashboard via the API + verify

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/grafana/skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD, Documentation, Code Review & Quality, Release Management, Debugging
First seen
Jun 3, 2026

More from grafana/skills

All 42

Recommended

More Frontend Development
1github avatarpower-bi-report-design-consultationgithub/awesome-copilotPower BI report visualization design prompt for creating effective, user-friendly, and accessible reports with optimal chart selection and layout design.9.5Kskills.sh installs
2nomadamas avatardaishin-report-searchnomadamas/k-skill대신증권 리포트 GitHub Pages 미러에서 최신 HTML 리포트 목록과 원문/설명 페이지를 조회한다.9.4Kskills.sh installs
3github avatarproject-workflow-analysis-blueprint-generatorgithub/awesome-copilotComprehensive technology-agnostic prompt generator for documenting end-to-end application workflows. Automatically detects project architecture patterns, techno9.4Kskills.sh installs
4cloudflare avatarmigrate-to-vinextcloudflare/vinextMigrates Next.js projects to vinext (Vite-based Next.js reimplementation). Load when asked to migrate, convert, or switch from Next.js to vinext. Handles compat9.3Kskills.sh installs
5github avatartechnology-stack-blueprint-generatorgithub/awesome-copilotComprehensive technology stack blueprint generator that analyzes codebases to create detailed architectural documentation. Automatically detects technology stac9Kskills.sh installs
6github avatarfluentui-blazorgithub/awesome-copilotGuide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when 9Kskills.sh installs