AI Plugin Index
Grafana UI MCP Server
Verified · npm:@shelldandyMCP server by shelldandy · updated · ★ 0 · 352 downloads a week
A comprehensive Model Context Protocol (MCP) server for Grafana UI components. Provides AI assistants with complete access to 200+ React components, rich MDX documentation, Storybook stories, test files, design system tokens, and dependency analysis from Grafana UI MCP Server is published by npm:@shelldandy from its verified domain in the official MCP Registry.
Last commit 385 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL
Not checked yet. What we check
Install Grafana UI MCP Server
Built from the published package, never by AIclaude mcp add grafana-ui-mcp-server -- npx -y @shelldandy/grafana-ui-mcp-serverRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"grafana-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@shelldandy/grafana-ui-mcp-server"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
Step-by-step: install Grafana UI MCP Server in Claude Desktop
{
"mcpServers": {
"grafana-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@shelldandy/grafana-ui-mcp-server"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"grafana-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@shelldandy/grafana-ui-mcp-server"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add grafana-ui-mcp-server -- npx -y @shelldandy/grafana-ui-mcp-server{
"mcpServers": {
"grafana-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@shelldandy/grafana-ui-mcp-server"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
Step-by-step: install Grafana UI MCP Server in Antigravity CLI
gemini mcp add grafana-ui-mcp-server npx -y @shelldandy/grafana-ui-mcp-serverGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the grafana-ui-mcp-server block.
Alternatives to Grafana UI MCP Server
All alternatives →
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables
Grafana UI MCP Server: common questions
How do I install Grafana UI MCP Server?
In Claude Code run claude mcp add grafana-ui-mcp-server -- npx -y @shelldandy/grafana-ui-mcp-server. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Grafana UI MCP Server the official server?
Grafana UI MCP Server is published by npm:@shelldandy from its verified domain in the official MCP Registry.
Is Grafana UI MCP Server free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Grafana UI MCP Server safe to use?
It scores 52 of 100. Grades: maintenance F, licence A, quality D. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Grafana UI MCP Server?
Similar MCP servers: GitDiagram, draw.io, Agent-Native Plan, Figma-Context-MCP.
Does Grafana UI MCP Server work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.