Metricui MCP Server

The missing UI layer for React dashboards. KPI cards, charts, tables, and layout - with built-in formatting, theming, data states, and zero config. It runs locally over stdio via the published package.

People connecting coding agent tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-03-30 · ★ 4 · #148 OF 194 MAINTAINED CODING AGENT · VERIFIED 2026-08-25

MIT · TypeScript servers · how we verify → /methodology

01 · Install Metricui

Claude Code

claude mcp add mpmcgowen-metricui -- npx -y @metricui/mcp-server

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "mpmcgowen-metricui": {
      "command": "npx",
      "args": [
        "-y",
        "@metricui/mcp-server"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package @metricui/mcp-server - the @metricui scope differs from the repo owner (mpmcgowen); confirm it's the project's official package

registry namespace io.github.mpmcgowen is GitHub-verified and matches the repo owner

03 · What Metricui can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

Latest releases

v1.1.0 · 2026-03-30

Headline Numbers · Every chart and table now accepts a headline prop - a summary number under the title that gives you the punchline at a glance. · tsx · Supports formatting, comparison badges with trend arrows…

v1.0.0 · 2026-03-28

MetricUI 1.0.0 · The API is frozen. Build on it with confidence. · What's in 1.0 · 21 data components - 18 chart types, KPI cards, tables, status indicators · Unified architecture - every component uses…

04 · Who maintains Metricui

metricui is maintained by mpmcgowen. It's the only MCP server we track from this author; the repo dates to Mar 2026.

05 · Facts

category
coding agent - ranked #148 of 194 actively-maintained coding agent servers as of 2026-08-25.
registry
io.github.mpmcgowen/metricui (active, first published 2026-03-22)
packages
npm:@metricui/mcp-server

06 · Metricui FAQ

What is Metricui?

The missing UI layer for React dashboards. KPI cards, charts, tables, and layout - with built-in formatting, theming, data states, and zero config. It runs locally over stdio via the published package.

Is Metricui still maintained?

Yes - as of 2026-08-25, its last commit was 2026-03-30. We re-verify nightly.

How do I install Metricui?

Run `npx -y @metricui/mcp-server`. You can also paste the ready-made client config above.

Does Metricui run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Metricui

More coding agent MCP servers · Ohm MCP · Sentinal MCP · Athena Protocol · Redcon · NEAT

More TypeScript MCP servers · Mpp32 MCP Server · UI Registry · Bash Command MCP · Open Zk Kb · YouTube MCP · see all