MCP Server Setup

Give your AI assistant access to browse, search, and install premium ogBlocks components directly via natural language prompts.

1. Initialize the MCP Server

Select your MCP client and configure the shadcn MCP server in your project.

Run the following command in your project:

pnpm dlx shadcn@latest mcp init --client claude

This automatically updates .mcp.json in your project:

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

2. Register ogBlocks

Ensure the @ogblocks registry is present in your components.json file with your license key.

"registries": {
  "@ogblocks": {
    "url": "https://ogblocks.dev/api/r/{name}.json",
    "headers": {
      "Authorization": "Bearer ${OGBLOCKS_LICENSE_KEY}"
    }
  }
}

3. Try Prompts

Restart your AI client, and try asking it to install ogBlocks components naturally.

  • Show me all components from the ogblocks registry
  • Install @ogblocks/infinite-text-cycle
  • Build a landing page hero section using ogblocks components
  • Find a modern file upload block from ogblocks and add it to my project