Schema | WunderUI MCP

WunderUI MCP

Official

by Kl-webmedia

Overview Schema Source Related Servers Discussions Admin

JavaScript

Local

Server Configuration

Describes the environment variables required to run the server.

Name	Required	Description	Default
`WUNDERUI_SITE`	No	fetch the live data from another origin
`WUNDERUI_OFFLINE`	No	never touch the network, use the bundled copy

Instructions

Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.

This server publishes no instructions, or was last inspected before Glama recorded them.

Capabilities

Features and capabilities supported by this server

Protocol revision2025-11-25

Capability	Details
`tools`	{ "listChanged": true }
`resources`	{ "listChanged": true }

Tools

Functions exposed to the LLM to take actions

Name	Description
list_componentsA	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".
get_componentA	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_tokensA	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.
get_design_mdA	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.
list_templatesA	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_starterA	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_library_infoB	Package name and version, install commands, the stack it is built on, and how many components, categories and templates exist.
get_instructionsA	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_skillsA	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_skillA	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_block_sourceA	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.

Prompts

Interactive templates invoked by user choice

Name	Description
No prompts

Resources

Contextual data attached and managed by the client

Name	Description
`design-md`	The complete design context as markdown: rules for agents, tokens, the component inventory with props and starter snippets.
`design-json`	Machine-readable design data: tokens, the component inventory with prop signatures, templates, skills and counts.
`tokens`	Light and dark token values. Use them instead of hardcoded colours.
`instructions`	The always-on rules for building with WunderUI. Text to keep in CLAUDE.md or AGENTS.md.
`components`	Every component with category, plan and one-line description. One resource per component: wunderui://components/{slug}.
`accordion`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`avatar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`avatar-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`badge`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`breadcrumb`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`button`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`icon-button`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`button-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`checkbox`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`switch`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`radio-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`input`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`textarea`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`progress`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`slider`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`pagination`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`separator`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`divider-with-label`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`skeleton`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`tooltip`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`dialog`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`alert-dialog`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`collapsible`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`toggle`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`meter`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`kbd`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`spinner`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`toolbar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`dropdown-menu`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`hover-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`popover`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`table`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`tabs`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`line-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`bar-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`area-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`composed-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`stacked-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`pie-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`radial-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`gauge-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`radar-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`funnel-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`progress-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`bullet-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`sparkline`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`candlestick-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`bubble-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`heatmap`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`distribution-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`waterfall-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`range-bar-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`status-tracker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`sankey-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`network-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`treemap`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`sunburst`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`river-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`slope-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`timeline-chart`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chart-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agenda`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`action-bar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`carousel`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`data-grid`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`filter-menu`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`data-table`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`list-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`list-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`list-panel`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`empty-state`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`file-tree`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`floating-toc`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`holo-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`kanban`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`item-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`kpi`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`kpi-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`metric-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`metric-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`list-view`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`timeline`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`widget`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`app-layout`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`sidebar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`navbar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`segment`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`stepper`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`command`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`context-menu`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`native-select`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`inline-select`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`checkbox-button-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`radio-button-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`number-stepper`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`drop-zone`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`rich-text-editor`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`color-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`cell-color-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`cell-slider`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`cell-select`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`cell-switch`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`selector-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`label`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`fieldset`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`form`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`input-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`number-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`otp-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`combobox`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`autocomplete`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`calendar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`date-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-message`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-message-actions`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-loader`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-attachment`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-source`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-tool`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chain-of-thought`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`code-block`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`markdown`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`prompt-input`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`prompt-suggestion`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`text-shimmer`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`chat-list-view`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agent-status`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`approval-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`run-timeline`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`cost-meter`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`run-error`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agent-grid`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`plan-step`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agent-plan`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`plan-summary`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`activity-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`log-stream`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agent-lane`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`duration-bar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`diff-view`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`terminal-output`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`search-result-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`tool-permission-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`expiry-timer`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`scope-list`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`usage-meter`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`context-meter`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`slash-command-menu`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`mention-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`context-pill`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`prompt-mode-switch`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`model-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`model-select`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`voice-input`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`artifact-panel`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`source-list`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agent-avatar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`handoff-divider`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`alert`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`toast`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`pull-to-refresh`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`rating`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`number-value`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`trend-chip`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`pressable-feedback`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`emoji-reaction-button`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`emoji-picker`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`sheet`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`resizable`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`scroll-area`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`page-header`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`keyboard-hint`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`command-item-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`search-result`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`notification-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`checklist-task`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`project-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`file-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`status-bar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`tab-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`tab-bar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`timeline-event`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`price`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`text-link-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`social-sign-in-buttons`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`option-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`option-row-group`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`user-info`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`password-requirement`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`password-strength`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`otp-code-input`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`backup-code`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`invite-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`invite-link-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`settings-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`inline-note`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`auth-heading`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`avatar-stack`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`kanban-card-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`column-header`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`event-chip`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`agenda-event`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`conversation-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`person-cell`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`task-row`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`record-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`stars`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`product-image`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`product-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`line-item`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`product-mini-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`checkout-steps`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`histogram-bar`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`review-card`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`payment-methods`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`text-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`password-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`textarea-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`checkbox-field`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.
`form-actions`	One component: exports, prop signature, props table, anatomy, best practices and theming variables.

Deploy Server

Shareable, User-Owned Context BackendPeople, applications, and agents read, write, and coordinate together in one context lake. Reach it over MCP, a CLI, a Python SDK, or REST.fulcradynamics.comAd

TDQS

A3.7/5.0

Scored 2026-10-28 22:20 across 11 tools

Disambiguation3/5

Most tools are clear, but three code-example tools overlap heavily: list_templates (full pages), get_starter (compositions), and get_block_source (Pro block source) all answer a vague 'show me an example' request. get_design_md also duplicates the content of get_tokens, get_instructions and list_components, which the description acknowledges but still creates a routing decision for the agent.

Naming Consistency5/5

Every tool follows a strict list_/get_ prefix with a snake_case noun object (list_components, get_component, get_tokens, get_skill, get_block_source). The pattern is predictable and the singular/plural distinction cleanly separates listing from fetching a single item.

Tool Count5/5

11 tools is well within the ideal 3-15 range for a design-system server. Each tool maps to a distinct artifact type (components, tokens, templates, starters, skills, blocks, library meta) and none feel redundant or padded at the count level.

Completeness4/5

The surface covers the full read-only lifecycle an agent needs: discovery (list_components), detail (get_component), theming (get_tokens), guidance (get_instructions/get_design_md), code scaffolds (templates/starters), and skills/blocks. Minor gap: there is no tool to retrieve a single component's raw source (only Pro block source), so an agent may still have to write component internals by hand.

Maintenance

ActivityMaintained

ResponsivenessNo issues