Grafana UI MCP Server
Provides AI assistants with comprehensive access to Grafana's React component library, including TypeScript source code, MDX documentation, Storybook examples, test files, and design system tokens for building Grafana-compatible interfaces.
Install
npx -y @shelldandy/grafana-ui-mcp-server
Paste the configuration above into your MCP client config (claude_desktop_config.json for Claude Desktop) and restart the client.
{
"mcpServers": {
"grafana-ui-mcp-server": {
"command": "npx",
"args": [
"-y",
"@shelldandy/grafana-ui-mcp-server"
],
"env": {
"GITHUB_TOKEN": "<GITHUB_TOKEN>",
"GRAFANA_REPO_PATH": "<GRAFANA_REPO_PATH>",
"GITHUB_PERSONAL_ACCESS_TOKEN": "<GITHUB_PERSONAL_ACCESS_TOKEN>"
}
}
}
}Paste the configuration above into your MCP client config (claude_desktop_config.json for Claude Desktop) and restart the client.
Sources: public MCP Server directories. This is an independent third-party directory with no affiliation to or endorsement from the maintainers of the listed servers.