shadcn-ui MCP Server
MCP server for shadcn/ui component references
This is a TypeScript-based MCP server that provides reference information for shadcn/ui components. It implements a Model Context Protocol (MCP) server that helps AI assistants access shadcn/ui component documentation and examples.
Features
Tools
list_shadcn_components
- Get a list of all available shadcn/ui componentsget_component_details
- Get detailed information about a specific componentget_component_examples
- Get usage examples for a specific componentsearch_components
- Search for components by keyword
Functionality
This server scrapes and caches information from:
- The official shadcn/ui documentation site (https://ui.shadcn.com)
- The shadcn/ui GitHub repository
It provides structured data including:
- Component descriptions
- Installation instructions
- Usage examples
- Props and variants
- Code samples
Development
Install dependencies:
Build the server:
For development with auto-rebuild:
Installation
Claude Desktop Configuration
To use with Claude Desktop, add the server config:
On MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
On Windows: %APPDATA%/Claude/claude_desktop_config.json
Option 1: Using local build
Option 2: Using npx command
Windsurf Configuration
Add this to your ./codeium/windsurf/model_config.json
:
Cursor Configuration
Add this to your .cursor/mcp.json
:
Debugging
Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the MCP Inspector, which is available as a package script:
The Inspector will provide a URL to access debugging tools in your browser.
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
AI アシスタントが、コンポーネントの詳細、使用例、検索機能に関する参照情報を提供する TypeScript ベースの MCP サーバーを通じて shadcn/ui コンポーネントのドキュメントと例にアクセスできるようにします。
Related MCP Servers
- AsecurityAlicenseAqualityAn MCP server implementation that provides tools for retrieving and processing documentation through vector search, enabling AI assistants to augment their responses with relevant documentation contextLast updated -718219MIT License
- AsecurityAlicenseAqualityA Model Control Protocol server that allows users to discover, install, and manage Shadcn UI components and blocks through natural language interactions in compatible AI tools.Last updated -686211MIT License
- AsecurityAlicenseAqualityProvides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.Last updated -4416MIT License
- AsecurityAlicenseAqualityA mcp server to allow LLMS gain context about shadcn ui component structure,usage and installationLast updated -74,9741,947MIT License