StealIt
Seth HobsonClaude skill for DevOps

Grafana Dashboards

grafana-dashboards

Create and manage production Grafana dashboards for real-time visualization of system and application metrics. Use when building monitoring dashboards, visualizing metrics, or creating operational observability interfaces.

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add wshobson/agents --skill grafana-dashboards

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Grafana Dashboards

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /grafana-dashboards.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1Purpose
  2. 2When to Use
  3. 3Dashboard Design Principles
  4. 4Dashboard Structure
  5. 5Panel Types
  6. 6Variables
  7. 7Alerts in Dashboards
  8. 8Dashboard Provisioning
  9. 9Common Dashboard Patterns
  10. 10Best Practices
  11. 11Dashboard as Code
  12. 12Related Skills

Section headings from the skill's SKILL.md file.

What's inside · 1 files

  • SKILL.md

More from Seth Hobson

See all →

Accessibility Compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA…

Design & UISeth Hobson42k

AI Debt Detector

Use after generating code, after accepting AI suggestions, or when reviewing AI-written modules. Also use when code works but feels brittle, when error handling seems thin, when…

AI & AgentsSeth Hobson42k

Airflow Dag Patterns

Build production Apache Airflow DAGs with best practices for operators, sensors, testing, and deployment. Use when creating data pipelines, orchestrating workflows, or scheduling…

Data & DatabasesSeth Hobson42k

Angular Migration

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning…

FrontendSeth Hobson42k

More Claude skills for DevOps

See all →

Deploy To Vercel

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a…

Cloud & DevOpsVercel34k

Vercel CLI With Tokens

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to…

Cloud & DevOpsVercel34k

Vercel Optimize

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config…

Cloud & DevOpsVercel34k

Basin

Build and troubleshoot Cloudflare Basin analytics workflows with Basin Pipelines, Basin Catalog, and Basin SQL. Use for streaming data into R2 Iceberg tables, managing catalogs…

Cloud & DevOpsCloudflare3.3k