What types of Grafana plugins can I create?

You can scaffold Panel, Data Source, App, and Scene App plugins, including those requiring a Go backend for data processing.

Does this skill handle local development environments?

Yes, it configures a Docker Compose setup with hot-reloading features, allowing your frontend and backend changes to sync automatically to a local Grafana instance.

Can I run tests with this skill?

Absolutely. It includes comprehensive instructions and setup for unit testing and end-to-end testing using Playwright and the official @grafana/plugin-e2e library.

What are the prerequisites for using this skill?

You will need Node.js (v18+) and npm installed. Docker Desktop is highly recommended for running the local development environment.

Grafana Plugin Scaffolding

Name: Grafana Plugin Scaffolding
Author: nodnarbnitram

bynodnarbnitram

•

分析と監視

Automates the creation, configuration, and development environment setup for Grafana plugins using official tooling.

This skill streamlines the entire lifecycle of Grafana plugin development by automating the initial scaffolding process for panels, data sources, and apps. It integrates the @grafana/create-plugin utility to ensure adherence to official best practices, handles Docker-based development environment configuration with hot-reloading, and provides ready-to-use workflows for backend Go implementation and end-to-end testing with Playwright. Whether you are building a simple visualization or a complex data source with a backend component, this skill manages the boilerplate so you can focus on core logic.

主な機能

01Supports Panel, Data Source, App, and Scene App plugin types

02Automated project scaffolding via @grafana/create-plugin

03Docker-based development environment with hot-reload capabilities

04Integrated E2E testing setup using Playwright and @grafana/plugin-e2e

05Guidance for Go-based backend plugin development and Mage build tasks

061 GitHub stars

ユースケース

01Quickly bootstrapping a new custom Grafana visualization panel

02Developing a complex data source plugin with a Go backend and health checks

03Setting up a robust E2E testing pipeline for Grafana plugins using Playwright

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nodnarbnitram/claude-code-extensions grafana-plugin-scaffolding

For use in Claude.ai and ChatGPT

Download Skill