Skip to content
Agentmart
Submit a tool

WunderUI

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

Connector by Kl-webmedia · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 1
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/kl-webmedia-wunderui-mcp

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

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

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 26, 2026.

Tools
11 read · 0 write · 0 deleteRead-only
Secrets
None asked for
Install scripts
None found
Runs as
Node.js package

Tools by what they do 11

Read from the source code; the running server may list different tools.

Read 11 · Look things up without changing anything.

  • get_block_source
  • get_component
  • get_design_md
  • get_instructions
  • get_library_info
  • get_skill
  • get_starter
  • get_tokens
  • list_components
  • list_skills
  • list_templates

Network hosts it talks to 3

  • github.com · found in code
  • glama.ai · found in code
  • wunderui.com · found in code

Tools (11)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • get_block_sourceGet 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.

  • get_componentGet 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 …).

  • get_design_mdGet 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.

  • get_instructionsGet 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.

  • get_library_infoGet WunderUI package info

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

  • get_skillGet 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).

  • get_starterGet 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.

  • get_tokensGet 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.

  • list_componentsList 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".

  • list_skillsList 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.

  • list_templatesList 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.

Signals

Stars
1
Forks
0
Open issues
0
Last commit
Oct 23, 2026 (6 days ago)
Last release
Oct 10, 2026 (18 days ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.Kl-webmedia/wunderui-mcp
Version
1.1.0
Auth
No auth
Packages
npm wunderui-mcp
License
MIT
Repository
github.com/Kl-webmedia/wunderui-mcp
Website
wunderui.com
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
Official MCP Registrygithub-graphql
Cite this page

WunderUI MCP server. Agent Mart. https://agentmart.dev/connectors/kl-webmedia-wunderui-mcp (last updated 2026-10-24)