MCP Integration

What is MCP?

Model Context Protocol connects AI assistants to component registries so you can install Nusa UI components using natural language.

Setup

1. Configure MCP Server

Create .mcp.json in your project root:

Copy{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

2. Add Nusa UI Registry

Configure the registry in your components.json:

Copy{
  "$schema": "https://shadcn.com/schema.json",
  "registries": {
    "@nusa-ui": "https://nusa-ui.vercel.app/r/{name}.json"
  }
}

Usage

Ask your assistant to install components naturally:

• "Add the button component from @nusa-ui"
• "Install @nusa-ui/card"
• "Add a date picker from @nusa-ui"

Without MCP

You can always install components directly:

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @nusa-ui/button