metricui — Claude Code MCP server: what it does, how to install
metricui gives AI coding tools API lookup, React dashboard code generation, and prop checks for MetricUI components.
claude mcp add metricui -- npx -y @metricui/mcp-serverWhat metricui does
metricui connects an MCP server to AI coding tools that work with MetricUI, a React dashboard component library. It helps an agent find the right API, draft component code, and inspect props for KPI cards, charts, tables, and layout elements.
The server runs from @metricui/mcp-server through npx. Setup entries are available for Claude Code, Codex, Cursor, GitHub Copilot, and Gemini CLI, while the server is listed for use with Cline, Zed, and Windsurf (Devin Desktop) as well. If the environment cannot run npx, this connection method will not start the server.
What it helps with
- look up the right MetricUI component API
- generate React code for a dashboard
- check MetricUI component props
- assemble KPI cards, charts, and tables
Example prompts for the agent
- Find the MetricUI API for a KPI card with period comparison and show a React example.
- Generate a MetricUI React dashboard with KPI cards, a chart, and a data table.
- Review these MetricUI props and fix the component configuration.
How to install metricui
Platform CLI
claude mcp add metricui -- npx -y @metricui/mcp-serverPlatform CLI
codex mcp add mcp-server -- npx -y @metricui/mcp-serverConfig file
{
"mcpServers": {
"mcp-server": {
"command": "npx",
"args": [
"-y",
"@metricui/mcp-server"
]
}
}
}Config file
{
"servers": {
"mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@metricui/mcp-server"
]
}
}
}Platform CLI
gemini mcp add mcp-server npx -y @metricui/mcp-serverStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about metricui
How do I install metricui in Claude Code?
Run claude mcp add metricui -- npx -y @metricui/mcp-server.
What does metricui do?
It gives an AI coding tool access to MetricUI API lookup, React code generation, and prop validation for dashboard components.
Which platforms can use metricui?
The server is listed for Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, and Gemini CLI.
