Download for MacApple silicon, macOS 14+
Skill

grafana-scenes

@grafana Updated 2026-10-17

Build Grafana plugin pages using the @grafana/scenes framework. Use when creating new scene pages, adding panels/visualizations, setting up drilldown navigation, defining variables, configuring query runners, building table/timeseries/stat panels, or extending SceneObjectBase for custom scene objects. Triggers on any work involving SceneApp, SceneAppPage, EmbeddedScene, SceneQueryRunner, SceneDataTransformer, PanelBuilders, SceneFlexLayout, QueryVariable, or drilldown/tab configuration in Grafana plugins.

Install

With your agent

Install OMGSkills skill "grafana/skills:grafana-scenes" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/grafana/skills /tmp/skills && ln -s /tmp/skills/skills/grafana-plugins/grafana-scenes ~/.claude/skills/grafana-scenes

From README

@grafana/scenes Framework Build reactive, data-driven Grafana plugin pages with declarative scene objects. Core Concepts Scenes composes a tree of objects: SceneApp → SceneAppPage → EmbeddedScene → layouts → panels. Each node can own data ($data), variables ($variables), time ranges ($timeRange), and behaviors ($behaviors) that propagate down the tree. New Scene Page Create the scene file Create the page Register in SceneApp Add the page to the SceneApp pages array in the root scene file. Key Patterns Drilldowns (click-through navigation) Tabs (sub-pages within a detail view) Pass tabs: [SceneAppPage, ...] instead of getScene on a SceneAppPage. Each tab is itself a SceneAppPage with its own scene.