claude

Grafana Dashboard Builder

Design, generate, preview, and quality-grade Grafana dashboards as code with the Grafana Foundation SDK and Playwright MCP/CLI.

0 on GitHubby neelneelpurkv0.1.0MITupdated 4 months agodevelopment
/

Plugin grafana-dashboard-builder from marketplace grafana-dashboard-marketplace in neelneelpurk/grafana-dashboard-developement-plugin. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (7)

  • dashboard-preview

    Provision a generated dashboard into a running Grafana and visually preview it with Playwright (MCP or CLI). Use after building a dashboard with the Foundation SDK to push it to Grafana, open it in a browser, capture screenshots, and confirm panels render with data. Required input for visual taste g

  • dashboard-quality-rubric

    Run a yes/no quality-and-taste check on a Grafana dashboard and produce a pass/fail verdict plus a "what to improve" summary. This skill is self-contained: it uses Playwright MCP to open the dashboard and take a screenshot, inspects the dashboard JSON and the Foundation SDK source, answers every rub

  • dashboard-sync

    Fetch an existing Grafana dashboard from its URL and push a dashboard back to Grafana using Playwright. Use when given a Grafana dashboard URL (e.g. http://host/d/<uid>/<slug>) to read its current JSON model through the browser session, or to provision/import a dashboard JSON into Grafana via Playwr

  • dashboard-to-code

    Convert an existing Grafana dashboard JSON model into Grafana Foundation SDK code (TypeScript, Go, or Python). Use when the user has a dashboard JSON (a file, an exported model, or one fetched from a Grafana URL) and wants the equivalent maintainable as-code source — reverse-engineering panels, quer

  • grafana-admin

    Manage Grafana folders and dashboard lifecycle — create a folder, move a dashboard between folders, delete a folder, delete a dashboard, list folders. Use when the user asks to organize, move, rename, or remove Grafana folders/dashboards. Chooses between the Grafana MCP / CLI (token auth) and Playwr

  • grafana-foundation-sdk

    Build Grafana dashboards as code with the Grafana Foundation SDK in TypeScript, Go, or Python. Use when the user wants to create, edit, or generate a Grafana dashboard, define panels/queries/variables programmatically, or produce dashboard JSON to provision into Grafana. Covers scaffolding a project

  • panel-selection-advisor

    Suggest the right Grafana visualization for the metrics a user wants to track. Use when the user describes what they want to monitor (latency, error rate, CPU, queue depth, request counts, SLOs, logs, distributions, etc.) and needs to know which panel type to use and how to configure it. Pairs with

Slash commands (6)

  • /grafana-dashboard-builder:convert-dashboard

    Convert an existing Grafana dashboard JSON into Foundation SDK code (TypeScript, Go, or Python), then verify the round-trip.

  • /grafana-dashboard-builder:create-dashboard

    Build a Grafana dashboard as code (Foundation SDK) from a description, then preview and grade it.

  • /grafana-dashboard-builder:grafana-admin

    Manage Grafana folders and dashboards — create/delete a folder, move a dashboard, delete a dashboard.

  • /grafana-dashboard-builder:provision-dashboard

    Push a dashboard JSON to Grafana — via Playwright (browser session / Import UI) or the HTTP API script.

  • /grafana-dashboard-builder:review-dashboard

    Run the yes/no quality & taste check on a Grafana dashboard and return a PASS/FAIL verdict plus what to improve.

  • /grafana-dashboard-builder:update-dashboard

    Update an existing Grafana dashboard — fetch it (from a Grafana URL via Playwright, or a local file), apply changes, push it back, and re-check.

Subagents (2)

  • dashboard-taste-critic

    Use to critically review a Grafana dashboard for quality and visual taste with a yes/no rubric. Renders the dashboard with Playwright, checks the code, answers every rubric item pass/fail, returns a PASS/FAIL verdict and a "what to improve" summary. Invoke when the user asks to review, critique, gra

  • grafana-dashboard-architect

    Use to design and generate a Grafana dashboard end-to-end from a description of what to monitor. Plans the panels, picks visualizations, writes Foundation SDK code (TypeScript, Go, or Python), generates the dashboard JSON, and provisions + previews it. Invoke when the user asks to build, create, or

MCP servers (2)

  • playwright

    runs: ${CLAUDE_PLUGIN_ROOT}/scripts/playwright-mcp.sh

  • grafana

    runs: ${CLAUDE_PLUGIN_ROOT}/scripts/grafana-mcp.sh

View source on GitHub

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

CMEM Pro

claude

CMEM Pro for the Claude app - hooks stream tool use to cmem.ai and inject observations into new sessions and agents

3 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Maintain Grafana Dashboard Builder?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted