An mcp server to allow LLMS gain context about grafana-ui component structure, usage and installation
{
"mcpServers": {
"grafana-ui-mcp-server": {
"command": "<see-readme>",
"args": []
}
}
}No install config available. Check the server's README for setup instructions.
Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
An mcp server to allow LLMS gain context about grafana-ui component structure, usage and installation
Is it safe?
No package registry to scan.
No authentication — any process on your machine can connect.
MIT. View license →
Is it maintained?
Last commit 1 days ago. 8 stars.
Will it work with my client?
Transport: stdio. Works with Claude Desktop, Cursor, Claude Code, and most MCP clients.
No automated test available for this server. Check the GitHub README for setup instructions.
No known vulnerabilities.
This server is missing a description. Tools and install config are also missing.If you've used it, help the community.
Add informationHave you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
MCP Server for GCP environment for interacting with various Observability APIs.
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
AI cost tracking: 11 tools for spend, budgets, and Claude Code + Cursor + Cline costs
AI-powered brand identity generation via MCP with design tokens, typography, and logo assets.
MCP Security Weekly
Get CVE alerts and security updates for Grafana Ui Mcp Server and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to Grafana UI components, documentation, stories, and design system tokens. This server enables AI tools like Claude Desktop, Continue.dev, and other MCP-compatible clients to retrieve and work with Grafana's React component library seamlessly.
This MCP server provides a single unified tool called grafana_ui that consolidates all functionality through action-based routing. This reduces complexity and makes it easier for AI agents to understand and use.
grafana_ui ToolAll operations are performed through one tool with an action parameter:
{
"tool": "grafana_ui",
"arguments": {
"action": "get_component",
"componentName": "Button"
}
}
Core Component Actions:
get_component - Get TypeScript source code for any Grafana UI componentget_demo - Get Storybook demo files showing component usagelist_components - List all available Grafana UI componentsget_metadata - Get component props, exports, and metadataget_directory - Browse the Grafana UI repository structureAdvanced Grafana Actions:
get_documentation - Get rich MDX documentation with sections and examplesget_stories - Get parsed Storybook stories with interactive controlsget_tests - Get test files showing usage patterns and edge casessearch - Search components by name and optionally by documentation contentget_theme_tokens - Get Grafana design system tokens (colors, typography, spacing, etc.)get_dependencies - Get component dependency tree analysis (shallow or deep)Breaking Change: Version 2.0+ uses a unified tool interface. If you were using individual tools like
get_component,list_components, etc., you now need to use thegrafana_uitool with anactionparameter.
Before (v1.x):
{ "tool": "get_component", "arguments": { "componentName": "Button" } }
After (v2.0+):
{ "tool": "grafana_ui", "arguments": { "action": "get_component", "componentName": "Button" } }
All functionality remains the same - only the interface has changed.
The fastest way to get started - no installation required!
# Basic usage (rate limited to 60 requests/hour)
npx @shelldandy/grafana-ui
... [View full README on GitHub](https://github.com/grafana/grafana-ui-mcp-server#readme)