grafana-dashboard

aj-geddes/useful-ai-prompts · skills/grafana-dashboard/SKILL.md

Create professional Grafana dashboards with visualizations, templating, and alerts. Use when building monitoring dashboards, creating data visualizations, or setting up operational insights.

Data & AINo license★ 324⑂ 51commit 3f5182c

Install skillView source on GitHub

What this skill does

Grafana Dashboard

Overview
When to Use
Quick Start
Reference Guides
Best Practices

Overview

Design and implement comprehensive Grafana dashboards with multiple visualization types, variables, and drill-down capabilities for operational monitoring.

When to Use

Creating monitoring dashboards
Building operational insights
Visualizing time-series data
Creating drill-down dashboards
Sharing metrics with stakeholders

Quick Start

Minimal working example:

{
  "dashboard": {
    "title": "Application Performance",
    "description": "Real-time application metrics",
    "tags": ["production", "performance"],
    "timezone": "UTC",
    "refresh": "30s",
    "templating": {
      "list": [
        {
          "name": "datasource",
          "type": "datasource",
          "datasource": "prometheus"
        },
        {
          "name": "service",
          "type": "query",
          "datasource": "prometheus",
          "query": "label_values(requests_total, service)"
        }
      ]
    },
    "panels": [
      {
        "id": 1,
// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

| Guide | Contents | |---|---| | Grafana Dashboard JSON | Grafana Dashboard JSON | | Grafana Provisioning Configuration | Grafana Provisioning Configuration | | Grafana Alert Configuration | Grafana Alert Configuration | | Grafana API Client | Grafana API Client | | Docker Compose Setup | Docker Compose Setup |

Best Practices

✅ DO

Use meaningful dashboard titles
Add documentation panels
Implement row-based organization
Use variables for flexibility
Set appropriate refresh intervals
Include runbook links in alerts
Test alerts before deploying
Use consistent color schemes
Version control dashboard JSON

❌ DON'T

Overload dashboards with too many panels
Mix different time ranges without justification
Create without runbooks
Ignore alert noise
Use inconsistent metric naming
Set refresh too frequently
Forget to configure datasources
Leave default passwords

Installation

Copy a source-pinned command for your client. You run it yourself.

Destination: .claude/skills/grafana-dashboard · pinned to the source commit

# Run from your project root
git clone https://github.com/aj-geddes/useful-ai-prompts.git .skillboard-tmp
git -C .skillboard-tmp checkout 3f5182cfd739fc113f4af5244a1cf342ad7f7911
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/skills/grafana-dashboard" ".claude/skills/"
rm -rf .skillboard-tmp

Review the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.

New here? Step-by-step setup – from installing the agent to using the skill

Operating systemAgentI already use Claude Code

1
Install Git
Install Git with your package manager (Debian/Ubuntu shown; use dnf/pacman on others). Official download.
```
sudo apt update && sudo apt install -y git
```
2
Install Claude Code
Requires Node.js 18+. Install the CLI globally: Official docs. (command-line tool)
```
npm install -g @anthropic-ai/claude-code
```

Get the skill, pinned to its exact version

Open a terminal and run these steps (they clone the source, check out the exact commit, and copy the skill into place):

# Run from your project root
git clone https://github.com/aj-geddes/useful-ai-prompts.git .skillboard-tmp
git -C .skillboard-tmp checkout 3f5182cfd739fc113f4af5244a1cf342ad7f7911
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/skills/grafana-dashboard" ".claude/skills/"
rm -rf .skillboard-tmp

Destination: .claude/skills/grafana-dashboard

4
Use it in Claude Code
Open Claude Code in your project. It reads skills from the folder above, so grafana-dashboard is now available. Always review the source before using it – static checks cannot prove runtime safety.

Security & Audits

Scanner static-checks@0.1.0 · commit 3f5182cfd739. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.

highCredential or secret access
References credentials, tokens or secret files that a skill should not need.
Evidence: [redacted]· fingerprint 5e884898da280471

grafana-dashboard

aj-geddes/useful-ai-prompts · skills/grafana-dashboard/SKILL.md

Create professional Grafana dashboards with visualizations, templating, and alerts. Use when building monitoring dashboards, creating data visualizations, or setting up operational insights.

Data & AINo license★ 324⑂ 51commit 3f5182c

Install skillView source on GitHub

What this skill does

Grafana Dashboard

Overview
When to Use
Quick Start
Reference Guides
Best Practices

Overview

Design and implement comprehensive Grafana dashboards with multiple visualization types, variables, and drill-down capabilities for operational monitoring.

When to Use

Creating monitoring dashboards
Building operational insights
Visualizing time-series data
Creating drill-down dashboards
Sharing metrics with stakeholders

Quick Start

Minimal working example:

{
  "dashboard": {
    "title": "Application Performance",
    "description": "Real-time application metrics",
    "tags": ["production", "performance"],
    "timezone": "UTC",
    "refresh": "30s",
    "templating": {
      "list": [
        {
          "name": "datasource",
          "type": "datasource",
          "datasource": "prometheus"
        },
        {
          "name": "service",
          "type": "query",
          "datasource": "prometheus",
          "query": "label_values(requests_total, service)"
        }
      ]
    },
    "panels": [
      {
        "id": 1,
// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

Best Practices

✅ DO

Use meaningful dashboard titles
Add documentation panels
Implement row-based organization
Use variables for flexibility
Set appropriate refresh intervals
Include runbook links in alerts
Test alerts before deploying
Use consistent color schemes
Version control dashboard JSON

❌ DON'T

Overload dashboards with too many panels
Mix different time ranges without justification
Create without runbooks
Ignore alert noise
Use inconsistent metric naming
Set refresh too frequently
Forget to configure datasources
Leave default passwords

Installation

Copy a source-pinned command for your client. You run it yourself.

Destination: .claude/skills/grafana-dashboard · pinned to the source commit

# Run from your project root
git clone https://github.com/aj-geddes/useful-ai-prompts.git .skillboard-tmp
git -C .skillboard-tmp checkout 3f5182cfd739fc113f4af5244a1cf342ad7f7911
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/skills/grafana-dashboard" ".claude/skills/"
rm -rf .skillboard-tmp

Review the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.

New here? Step-by-step setup – from installing the agent to using the skill

Operating systemAgentI already use Claude Code

1
Install Git
Install Git with your package manager (Debian/Ubuntu shown; use dnf/pacman on others). Official download.
```
sudo apt update && sudo apt install -y git
```
2
Install Claude Code
Requires Node.js 18+. Install the CLI globally: Official docs. (command-line tool)
```
npm install -g @anthropic-ai/claude-code
```

Get the skill, pinned to its exact version

Open a terminal and run these steps (they clone the source, check out the exact commit, and copy the skill into place):

# Run from your project root
git clone https://github.com/aj-geddes/useful-ai-prompts.git .skillboard-tmp
git -C .skillboard-tmp checkout 3f5182cfd739fc113f4af5244a1cf342ad7f7911
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/skills/grafana-dashboard" ".claude/skills/"
rm -rf .skillboard-tmp

Destination: .claude/skills/grafana-dashboard

4
Use it in Claude Code
Open Claude Code in your project. It reads skills from the folder above, so grafana-dashboard is now available. Always review the source before using it – static checks cannot prove runtime safety.

Security & Audits

Scanner static-checks@0.1.0 · commit 3f5182cfd739. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.

highCredential or secret access
References credentials, tokens or secret files that a skill should not need.
Evidence: [redacted]· fingerprint 5e884898da280471

grafana-dashboard

What this skill does

Grafana Dashboard

Table of Contents

Overview

When to Use

Quick Start

Reference Guides

Best Practices

✅ DO

❌ DON'T

Installation

Install Git

Install Claude Code

Get the skill, pinned to its exact version

Use it in Claude Code

Security & Audits

grafana-dashboard

What this skill does

Grafana Dashboard

Table of Contents

Overview

When to Use

Quick Start

Reference Guides

Best Practices

✅ DO

❌ DON'T

Installation

Install Git

Install Claude Code

Get the skill, pinned to its exact version

Use it in Claude Code

Security & Audits