MCP

The shadcn MCP Server lets AI assistants browse, search, and install registry items with natural language.

MCP Server

After configuring your registries in components.json, you can prompt your assistant with requests like:

  • Find me a hero section from @tailark
  • Build a landing page using @tailark-oss blocks
  • Add a dusk pricing block from @tailark-oss

Quick setup

Run the following in your project:

bash

Replace cursor with your client: claude, vscode, codex, or opencode.

For full options, see the shadcn MCP documentation.

Guidelines

  • Match your components.json style to your UI base — base-* for Base UI, radix-* for Radix UI.
  • Define app, types, and content aliases before installing page kits.
  • Run npx shadcn@latest view @tailark/{name} before adding large page bundles.
  • Keep TAILARK_API_KEY out of source control.
  • Copy install commands from the site — don't guess registry item names.
  • Point each namespace URL to the path that matches your UI base (/r/{name} for Base UI, /r/radix/{name} for Radix UI).

Next steps