Give AI coding agents live access to the Matos UI registry, Surface Philosophy, and Motion Tokens.
@matos-ui/mcp is a read-only MCP server for Matos UI. It exposes the live component/block/palette registry to AI coding agents (Claude Code, Cursor, and others) as a set of tools, instead of leaving that knowledge locked in prose docs an agent has to guess at.
Matos UI already follows the shadcn registry spec, so generic third-party MCPs that speak that protocol can install Matos UI components today just by pointing at https://matos-ui.com/r/*.json. This server isn't trying to replace that. It exists to expose what's specific to Matos UI as queryable knowledge — the Surface Philosophy (Elevated, elevation offsets, substrate nesting) and Motion Tokens (spring tiers, motionForOffset) — so an agent can read the actual conventions instead of inventing its own.
claude mcp add matos-ui -- npx -y @matos-ui/mcp@latestCheck it registered with claude mcp list — it should show matos-ui as connected.
Most tools need a registry to query against. Point the server at production with MATOS_UI_REGISTRY_URL:
{
"mcpServers": {
"matos-ui": {
"command": "npx",
"args": ["-y", "@matos-ui/mcp@latest"],
"env": {
"MATOS_UI_REGISTRY_URL": "https://matos-ui.com"
}
}
}
}This server is read-only and side-effect-free:
shadcn add ... — this server never does.MATOS_UI_REGISTRY_URL, which points the server at a registry base; it is never used to read secrets.Registry-backed (need MATOS_UI_REGISTRY_URL):
| Tool | Description |
|---|---|
list_components | List components (registry:ui/registry:lib/registry:hook), optionally filtered by type. |
list_blocks | List composed, page-level blocks (dashboards, settings screens, etc). |
list_palettes | List color palettes with a primary-color preview for light/dark. |
get_item | Fetch the full registry entry for a single item by name (file contents, deps, cssVars). |
get_install_command | Build the ready-to-run shadcn add command for an item, for npm/pnpm/yarn/bun. |
find_component_for | Keyword-search components/blocks by use case (name/description/dependency overlap, no embeddings). |
Docs-sourced (read live from GitHub, no registry needed):
| Tool | Description |
|---|---|
get_surface_philosophy | The Elevated primitive, substrate context, and elevation offset conventions — fetched from elevated.mdx so it can't drift from what's documented. |
get_motion_guidance | The Motion Tokens spring tiers, motionForOffset, staggerContainer — returns the actual motion-tokens.ts source (code + JSDoc). |
get_theme_options | The color palettes (registry, needs config) + the radius presets (docs source, no config needed) in one call. |
The server is part of the matos-ui monorepo, published as @matos-ui/mcp on npm.
Install Matos UI
Choose a package manager and copy one command for every component.