# WunderUI (npm · wunderui-mcp)

The WunderUI design system for coding agents: components, props, tokens, rules and skills.

- Trust score: 89/100 (high trust)
- Change this week: +4
- Registry status: active
- Liveness: live
- Owner verified: no
- Last scored: 2026-11-05

## Components

- npm · `wunderui-mcp`: 89/100 (this document), [markdown](https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp.md), [page](https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp)

## Channel facts

- Registry: `npm`
- Package: `wunderui-mcp`
- Version: `1.2.1`
- Transport: `stdio`

## Trust breakdown

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. Scores are 0–100 per category. Scoring method: https://verifymcp.io/docs/scoring (what has changed: https://verifymcp.io/docs/scoring/changelog)

Scored 2026-11-05.

- **Supply Chain Security**: 98/100
  - No malware found by supply-chain analysis.
  - No known CVEs affecting this package version or its production dependencies.
  - No install/post-install scripts declared.
  - 30 of 92 dependencies flagged as unhealthy.
- **Provenance & Transparency**: 97/100
  - Source repository is publicly reachable at the declared URL.
  - Cryptographically verified build provenance (signed, bound to Kl-webmedia/wunderui-mcp).
  - Clear OSI-approved license (MIT).
  - Actively maintained (last published 13 days ago).
  - Disclosure check failed: no security disclosure policy was found in the source repository.
- **Schema Quality & AI Usability**: 71/100
  - AI-judged instruction clarity (good).
  - Tool/resource definitions use about 889 tokens (~80/item across 11 items; 11 tools + 0 resources), lean.
  - Usage-examples check failed: none of the tools include examples.
- **Stability & Change Management**: 73/100
  - Stability observed for 22 of 30 days with no destabilising changes; credit accrues until the full window elapses.
- **Tool Coverage**: 86/100
  - 100% of tools have a non-trivial description (not blank, and not just the tool's name).
  - 58% of tool parameters carry a description.
- **Tool Safety**: 100/100
  - No prompt-injection markers were found in the server instructions, tool names or descriptions we captured.
  - We read all 11 captured tool definition(s), and no name or description among them implies an irreversible operation.
  - An AI judge read all 11 captured unit(s) of tool text and found none that tries to manipulate the model reading it.
- **Capabilities**: 100/100
  - Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.

## Install

### How do I install the WunderUI MCP server?

WunderUI runs locally as an npm package, launched with npx -y wunderui-mcp. Ready-made configuration for Claude, Cursor, VS Code, Codex and 5 more is on this page, copied from each client's own documentation.

### Claude

```bash
claude mcp add kl-webmedia-wunderui-mcp -- npx -y wunderui-mcp
```

### Cursor

```json
{
  "mcpServers": {
    "kl-webmedia-wunderui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "wunderui-mcp"
      ]
    }
  }
}
```

### VS Code

```json
{
  "servers": {
    "kl-webmedia-wunderui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "wunderui-mcp"
      ]
    }
  }
}
```

### Codex

```bash
codex mcp add kl-webmedia-wunderui-mcp -- npx -y wunderui-mcp
```

### opencode

```json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "kl-webmedia-wunderui-mcp": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "wunderui-mcp"
      ],
      "enabled": true
    }
  }
}
```

### OpenClaw

```bash
openclaw mcp add kl-webmedia-wunderui-mcp --command npx --arg -y --arg wunderui-mcp
```

### Hermes

```yaml
mcp_servers:
  kl-webmedia-wunderui-mcp:
    command: "npx"
    args: ["-y", "wunderui-mcp"]
```

### Netclaw

```json
{
  "McpServers": {
    "kl-webmedia-wunderui-mcp": {
      "Transport": "stdio",
      "Command": "npx",
      "Arguments": [
        "-y",
        "wunderui-mcp"
      ]
    }
  }
}
```

### Vellum

```bash
assistant mcp add kl-webmedia-wunderui-mcp -t stdio -c npx -a -y wunderui-mcp
```

### Other

```json
{
  "mcpServers": {
    "kl-webmedia-wunderui-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "wunderui-mcp"
      ]
    }
  }
}
```

## Changelog

Every change recorded for this component, newest first. Days that predate change tracking, or that we cannot explain, say so: "we were watching and nothing happened" and "we were not watching" are different claims.

### 2026-11-05 (score 89, +1)

No change was recorded against any check on this day. Stability & Change Management went from 70 to 73. That category is still filling its 30-day observation window: 21 days of observed history at the previous scan, 22 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-11-03 (score 88, +1)

No change was recorded against any check on this day. Stability & Change Management went from 63 to 67. That category is still filling its 30-day observation window: 19 days of observed history at the previous scan, 20 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-11-01 (score 87, +1)

- [security regression] Tool safety: pass → unverified
- [security regression] Stability: 0.57 → unverified
- [functional regression] Capabilities: pass → unverified
- [functional regression] Tool coverage: 100 → unverified
- [functional] Package version: 1.1.0 → 1.2.1

### 2026-10-30 (score 86, +1)

No change was recorded against any check on this day. Stability & Change Management went from 50 to 53. That category is still filling its 30-day observation window: 15 days of observed history at the previous scan, 16 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-10-28 (score 85, +1)

No change was recorded against any check on this day. Stability & Change Management went from 43 to 47. That category is still filling its 30-day observation window: 13 days of observed history at the previous scan, 14 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-10-26 (score 84, +1)

No change was recorded against any check on this day. Stability & Change Management went from 37 to 40. That category is still filling its 30-day observation window: 11 days of observed history at the previous scan, 12 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-10-24 (score 83, +1)

No change was recorded against any check on this day. Stability & Change Management went from 30 to 33. That category is still filling its 30-day observation window: 9 days of observed history at the previous scan, 10 at this one. The score rises as the window fills, whether or not the server changes.

### 2026-10-22 (score 82, +4)

- [functional improvement] Stability: unverified → 0.27

## MCP tools (11)

### `list_components` (~159 tokens)

List WunderUI components

The WunderUI component inventory: name, category, plan (free or pro) and one-line description. Filter by category, plan or a free-text query. Call this first to find out whether a component already exists before building one by hand. On the Free plan use only components with plan "free".

Input parameters:

- `category` (string): One of: Primitives, Overlays, Charts, Data Display, KPI, Navigation, Forms, AI, Agents, Feedback, Layout, Block Parts
- `plan` (string): Only components of this plan. Free = open source under MIT (github.com/wunder-ui/wunderui); pro needs WunderUI Core or Pro.
- `query` (string): Free text, matched against name, description and category

### `get_component` (~127 tokens)

Get a WunderUI component

Everything needed to use one component correctly: its exported names, the TypeScript prop signature straight from the build, a props table per export (type, allowed values, default, required, description), its anatomy (parts and data-slot names), best practices, the CSS variables it reads with their defaults, the import line and a link to its documentation page. Also answers for hooks (signature, parameters, return value, notes), providers and utilities (useToast, ThemeProvider …).

Input parameters:

- `name` (string, required): Export name ("DataGrid"), slug ("data-grid") or title ("Data Grid")

### `get_tokens` (~65 tokens)

Get WunderUI design tokens

The design tokens for light and dark, in the format you need. Use these instead of hardcoding colours; overriding them is how WunderUI is themed.

Input parameters:

- `format` (string): json, a CSS block, or Tailwind @theme mappings
- `theme` (string)

### `get_design_md` (~98 tokens)

Get the WunderUI DESIGN.md

The complete design context as one markdown document: install steps, the rules an agent should follow, every token, the component inventory with props, and starter snippets. Pull this once at the start of a build.

Input parameters:

- `section` (string): Return the whole document or just one section. 'tasks' maps an intent to a component, 'donts' holds the do/don't pairs, 'reference' every component with example and props.

### `list_templates` (~44 tokens)

List WunderUI page templates

Full pages assembled only from WunderUI components — a dashboard, a settings page, an AI inbox and a sign-in screen. Start from one of these instead of an empty file.

### `get_starter` (~54 tokens)

Get a WunderUI starter snippet

Copy-paste TSX for a common composition, wired with the correct props: an application shell, a dashboard row, a data grid, an AI chat, or the theming pattern.

Input parameters:

- `kind` (string, required)

### `get_library_info` (~34 tokens)

Get WunderUI package info

Package name and version, install commands, the stack it is built on, and how many components, categories and templates exist.

### `get_instructions` (~57 tokens)

Get the short WunderUI rules

The short, always-on rules for building with WunderUI (components, tokens, motion, copy) — the text to keep in CLAUDE.md / AGENTS.md. Read this first; use get_design_md for the full context.

### `list_skills` (~72 tokens)

List WunderUI agent skills

The agent skills that build and check with WunderUI (set up a project, build screens, theme from a brand colour, migrate from shadcn/MUI/Chakra, token check, motion and accessibility audits, Figma). Free skills work for everyone; Pro skills need WUNDERUI_LICENSE_KEY.

### `get_skill` (~90 tokens)

Get a WunderUI agent skill

Returns one skill's instructions (its SKILL.md) from wunderui.com, so the agent can follow the workflow without installing the skill. Pro skills are sent only with a valid Pro key in WUNDERUI_LICENSE_KEY. Scripts the skill mentions come with the installed skill (wunderui.com/skills).

Input parameters:

- `name` (string, required): Skill name, e.g. wunderui-theme or wunderui-screen

### `get_block_source` (~89 tokens)

Get a WunderUI block's source (Pro)

The React source of a UI block (e.g. category 'app', block 'billing'), optionally one screen, plus the shared helpers it imports. Needs a WunderUI Pro key in WUNDERUI_LICENSE_KEY. Use https://wunderui.com/api/registry/index to see every block.

Input parameters:

- `block` (string, required)
- `category` (string, required)
- `screen` (string)

## Diagnostics

Captured diagnostic sections: Provenance, Dependencies. The full working is on the page: https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp#diagnostics

## Score history

- 2026-11-05: 89
- 2026-11-04: 88
- 2026-11-03: 88
- 2026-11-02: 87
- 2026-11-01: 87
- 2026-10-31: 86
- 2026-10-30: 86
- 2026-10-29: 85
- 2026-10-28: 85
- 2026-10-27: 84
- 2026-10-26: 84
- 2026-10-25: 83
- 2026-10-24: 83
- 2026-10-23: 82
- 2026-10-22: 82
- 2026-10-21: 78
- 2026-10-20: 78
- 2026-10-19: 78
- 2026-10-18: 78
- 2026-10-17: 78
- 2026-10-16: 78
- 2026-10-15: 78
- 2026-10-14: 78
- 2026-10-13: 49
- 2026-10-12: 49

## Common questions

### What is the WunderUI MCP server?

WunderUI is an MCP server listed in the public MCP registry as io.github.Kl-webmedia/wunderui-mcp. The WunderUI design system for coding agents: components, props, tokens, rules and skills. This page covers its npm package (wunderui-mcp).

### Is the WunderUI MCP server safe to use?

WunderUI scores 89 out of 100 on VerifyMCP. We found no known CVEs affecting it as of 5 November 2026. It declares no install or post-install scripts. Its build provenance is signed and verified. That is a record of what we were able to check automatically, not an endorsement. The category breakdown on this page shows every signal behind the number, including the ones we could not confirm.

### What tools does the WunderUI MCP server expose?

WunderUI exposes 11 tools: list_components, get_component, get_tokens, get_design_md, list_templates, and 6 more. Their descriptions and schemas cost roughly 889 tokens of context every time the server is loaded.

### Is the WunderUI MCP server still maintained?

WunderUI is still listed as active in the MCP registry. We last reached this channel on 5 November 2026. Those dates come from our own scans of the registry and the channel itself, not from anything the publisher announced.

### What licence is the WunderUI MCP server under?

WunderUI declares the MIT licence, which is OSI-approved. That covers the source only, and says nothing about the cost of any service it calls.

## Links

- npm package: https://www.npmjs.com/package/wunderui-mcp
- Socket report: https://socket.dev/npm/package/wunderui-mcp
- Repository: https://github.com/Kl-webmedia/wunderui-mcp
- Website: https://wunderui.com/
- Changelog RSS feed: https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp.xml
- Changelog JSON feed: https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp.json
- HTML version of this page: https://verifymcp.io/servers/kl-webmedia-wunderui-mcp/wunderui-mcp