MCP server for shadcn component registry
## shadcn/ui MCP Server: Modern UI Component Library The **shadcn/ui MCP Server** integrates the popular shadcn/ui component library into Google Antigravity, enabling AI-assisted component installation, customization, and usage for building beautiful React applications. ### Why shadcn/ui MCP? - **Copy-Paste Components**: Own your components with full source code access, not npm dependencies - **Tailwind CSS**: Built on Tailwind CSS for consistent, customizable styling - **Radix Primitives**: Accessible, unstyled primitives with robust keyboard navigation - **Full Customization**: Modify any component to match your exact design requirements - **Dark Mode**: Built-in dark mode support with CSS variables ### Key Features #### 1. Component Installation ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Install shadcn/ui Button, Card, and Dialog components into the project" }] ) ``` #### 2. Component Customization ```python # Customize components response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Customize the Button component to add a loading state with spinner" }] ) ``` #### 3. Theme Configuration ```python # Configure theme response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Update the shadcn/ui theme colors to match our brand guidelines" }] ) ``` #### 4. Component Usage ```python # Use components response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Create a settings form using shadcn/ui Form, Input, and Select components" }] ) ``` ### Configuration ```json { "mcpServers": { "shadcn": { "command": "npx", "args": ["-y", "@anthropic/mcp-server-shadcn"], "env": { "SHADCN_CONFIG_PATH": "components.json", "SHADCN_STYLE": "default" } } } } ``` ### Use Cases **Rapid UI Development**: Build beautiful interfaces quickly with pre-built components. **Design System**: Create consistent design systems with customizable component foundations. **Accessibility**: Ensure UI meets accessibility standards with Radix primitive base. **Custom Components**: Extend and modify components for specialized requirements. The shadcn/ui MCP Server accelerates UI development with beautiful, accessible components that you fully own and control.
{
"mcpServers": {
"shadcn": {
"mcpServers": {
"shadcn": {
"args": [
"-y",
"@anthropic/shadcn-ui-mcp"
],
"command": "npx"
}
}
}
}
}