An MCP server that gives an AI coding agent the WunderUI design system: design tokens, the component inventory with real prop signatures, page templates and starter snippets. The agent builds with…
wunderui-mcp is an MCP project maintained in the kl-webmedia/wunderui-mcp repository. The maintainer describes its purpose as “An MCP server that gives an AI coding agent the WunderUI design system: design tokens, the component inventory with real prop signatures, page templates and…”. Read the project documentation for the complete scope.
The documented npm package is wunderui-mcp. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-13.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| list_components | The inventory, filterable by category, plan (free or pro) or free text |
| get_component | Exports, the TypeScript prop signature, the import line, an example, the docs URL |
| get_tokens | Light and dark tokens as JSON, a CSS block, or Tailwind @theme mappings |
| get_design_md | The full DESIGN.md, or one section (rules, donts, tasks, tokens, inventory, reference, templates, starters) |
| list_templates | The full-page templates and what each is built from |
| get_starter | Copy-paste TSX: app shell, dashboard, data grid, AI chat, theming |
| get_library_info | Package name, version, install commands, stack, counts, data source |
| get_instructions | The short, always-on rules (components, tokens, motion, copy) for CLAUDE.md / AGENTS.md |
| list_skills | The WunderUI agent skills, free and Pro |
| get_skill | One skill's instructions (SKILL.md), so the agent can follow it without installing — Pro skills need WUNDERUI_LICENSE_KEY |
| get_block_source | The React source of a UI block and its shared helpers — needs a Pro key in WUNDERUI_LICENSE_KEY |
{
"mcpServers": {
"wunderui": {
"command": "npx",
"args": [
"-y",
"wunderui-mcp"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Read, search and edit files inside allowed directories with the Model Context Protocol reference Filesystem server.
Retrieve version-aware library documentation and code examples with Context7 MCP, using resolve-library-id and query-docs.
Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.
Connect GitHub MCP to repositories, issues and pull requests with GitHub’s hosted service or a locally run server.
Use the Supabase MCP server to inspect database schemas, query project data and retrieve docs through a project-scoped connection.
Search Linear issues and projects, inspect work context and manage updates through Linear’s hosted MCP server with OAuth.