skills.rest
taptap
taptapOFFICIAL
Explore all skills by this author →
Website𝕏@taptapGitHub

grafana-dashboard-design

Design deployable Grafana dashboard and panel configurations as JSON modifications.

Updated Aug 27, 2026
Search Tags:#monitoring#dashboard#observability#grafana#datasource#panel-design
One-click install
npx skills add https://github.com/taptap/agents-plugins --skill grafana-dashboard-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: grafana-dashboard-design
Source: https://github.com/taptap/agents-plugins/tree/main/plugins/sync/skills/grafana-dashboard-design
Command: npx skills add https://github.com/taptap/agents-plugins --skill grafana-dashboard-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams design, refactor, and deliver Grafana dashboards and panels that are clear, consistent, and directly deployable as JSON edits so stakeholders can quickly read service health and diagnose issues.

Core Features & Use Cases

  • Translate monitoring goals into a concise dashboard information architecture and row/panel layout that answers the user's top questions within seconds.
  • Recommend panel types, titles, units, thresholds, color semantics, and variable usage and produce either a panel-by-panel plan or actionable dashboard JSON modifications.
  • Use cases include creating new operational on-call dashboards, refactoring noisy dashboards for clarity, adding panels or variables for additional dimensions, and standardizing datasources and thresholds across panels.

Quick Start

Design a Grafana dashboard for on-call engineers that shows overall health, key latency trends, TopN error APIs, and clear thresholds using prometheus as the datasource.

Frequently Asked Questions about grafana-dashboard-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a Grafana dashboard for production monitoring?▼

Design production Grafana dashboards by translating monitoring goals into a concise row and panel layout, specifying panel types, queries, units, and thresholds to deliver directly deployable dashboard JSON modifications.

What is the best way to refactor noisy Grafana dashboards for clarity?▼

Refactor noisy Grafana dashboards by standardizing datasources, applying consistent threshold color semantics, and reorganizing the panel layout to ensure stakeholders can read service health within seconds.

How do I add variables and panels to an existing Grafana dashboard JSON?▼

Add variables and panels to existing Grafana dashboards by generating actionable JSON modifications that preserve the dashboard uid by default and prefer keeping the original datasource.uid during configuration updates.

Can I standardize Prometheus datasource thresholds across multiple Grafana panels?▼

Yes, you can standardize Prometheus datasource thresholds across panels by specifying consistent color semantics, units, and threshold values to produce a unified and deployable dashboard JSON configuration.

What Grafana panel types should I use for latency trends and error APIs?▼

Select Grafana panel types based on your monitoring goals, using trend visualizations for latency metrics and TopN tables for error APIs, ensuring titles, units, and thresholds are configured for operational clarity.

Related Skills

Explore More Software Engineering Skills→
david-driscolldavid-driscoll
1

grafana-dashboards

Create Grafana dashboards with MCP-discovered Prometheus metrics and Git-ready ConfigMap output.

Community
Advanced
JhabbigJhabbig

grafana-dashboards

Design Grafana dashboards for Prometheus metrics with variables and alerting.

Community
Advanced
chatermchaterm
50

monitoring

Configure Prometheus, Grafana, and Alertmanager for monitoring and alerting.

Community
Intermediate
bobmatnycbobmatnyc
20

Observability with Prometheus & Grafana

Integrate Prometheus and Grafana for metrics collection, alerting, and dashboards.

Community
Advanced