MCP
Model Context Protocol (MCP) is an open standard that enables AI assistants to securely connect to external data sources and tools.
Solid Bits encourages the use of the shadcn MCP server to browse, search, and install components using natural language.
Quick Start
Registries are configured in your project's components.json file, where you should first add the @solid-bits registry:
{
"registries": {
"@solid-bits": "https://solidbits.dev/r/{name}.json"
}
}Then, from the options below, select your client & set up the shadcn MCP server.
💬
Claude Code
🖱️
Cursor
💻
VS Code
Setup for Claude Code
Run this in your project:
npx shadcn@latest mcp init --client claudeRestart Claude Code and try prompts like:
Example prompts:
- •Show me all the available backgrounds from the Solid Bits registry
- •Add the Aurora background from Solid Bits to the page, make it purple
- •Add a new section which fades in on scroll using FadeContent from Solid Bits
Tip: Use /mcp in Claude Code to debug the MCP server.
Learn more
To learn more about using the shadcn MCP server, including manual setup for different clients, please visit the official documentation:
ui.shadcn.com/docs/mcp