MCP Integration

What is MCP?

Model Context Protocol (MCP) is an open protocol that enables AI assistants to connect to component registries. With MCP, you can install Nessra UI components using natural language.

Setup

1. Configure MCP Server

Add the shadcn MCP server to your project.

2. Add Nessra UI Registry

Configure the Nessra UI registry in your components.json:

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

Usage

Once configured, ask your AI assistant to install components naturally:

• "Add the button component from @nessra-ui"
• "Install @nessra-ui/code-block"
• "Add a date picker from @nessra-ui"
• "List all available @nessra-ui components"

The AI will use the MCP server to fetch and install components from the Nessra UI registry.

Available Commands

The MCP server supports these operations:

Without MCP

You can always install components directly without MCP:

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

Or using the full URL:

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/button.json