Getting started

MCP Server

Browse, search, and install registry components via MCP. This tool provides an efficient way to manage and access design system components for streamlined development.

Client Side RoutingVite

Registry

To use the Intent UI registry, add the following entry to your components.json:

{
  "registries": {
    "@intentui": "https://intentui.com/r/{name}"
  }
}

Initialize

Choose a client and run one of the following commands:

# claude
npx shadcn@latest mcp init --client claude

# cursor
npx shadcn@latest mcp init --client cursor

# vscode
npx shadcn@latest mcp init --client vscode

# codex
npx shadcn@latest mcp init --client codex

Codex configuration

If you are using Codex, add the following to ~/.codex/config.toml:

[mcp_servers.shadcn]
command = "npx"
args = ["shadcn@latest", "mcp"]

That's it – you can now browse, search, and install registry components via MCP! To learn more, check out the Shadcn MCP documentation.

Client Side Routing
Vite