AI + MCP

The official shadcn MCP server reads registries straight from your components.json. No custom server to maintain. Register the namespace once and your agent can browse, search, and install components in plain language.

Register the namespace

Add the registry to components.json. The {name} placeholder is replaced with the component name.

json

{
 "registries": {
 "@noice": "https://ui.noicess.fun/r/{name}.json"
 }
}

Enable the MCP server

One command writes the client config. Pass --client to target a specific editor.

bash

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

CursorClaude CodeCopilotCodexWindsurf

Prompt away

The agent now knows what exists. Ask for what you want in plain language and it resolves, installs, and wires the component into your project.

text

"Add a noiceui pricing card to my landing page"
"List every @noice component in the Backgrounds category"
"Install @noice/button and use the destructive variant"

Built for agents

The whole site is machine-readable, so an agent never has to scrape HTML to understand the library.

/llms.txt

Every component with its description, docs URL, dependencies, and install command.

/r/index.json

The machine-readable catalog, generated from the same source as the site.