shadcn-ui-mcp-server

heilgar/shadcn-ui-mcp-server

3.4

If you are the rightful owner of shadcn-ui-mcp-server and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

The Shadcn UI MCP Server is a powerful and flexible server designed to enhance the development experience with Shadcn UI components.

The Shadcn UI MCP Server provides a robust foundation for building and managing UI components with advanced tooling and functionality. It is designed to streamline the development process by offering a suite of tools for component and block management, as well as support for multiple package managers. The server is compatible with various development environments and can be easily integrated into existing workflows. With its comprehensive documentation and debugging tools, developers can efficiently manage their UI components and blocks, ensuring a smooth and productive development experience.

Features

  • Component Management: List, document, and install Shadcn UI components with support for npm, pnpm, yarn, and bun.
  • Block Management: Access, document, and install Shadcn UI blocks with multi-package manager support.
  • Package Manager Support: Automatically detects and supports the user's preferred package manager.
  • Advanced Tooling: Provides a set of tools for efficient component and block management.
  • Debugging Support: Includes MCP Inspector for monitoring and debugging server communication.

Usages

usage with Claude Desktop

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

usage with Windsurf

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

usage with Cursor

{
  "mcpServers": {
    "shadcn-ui-server": {
      "command": "npx",
      "args": ["@heilgar/shadcn-ui-mcp-server"]
    }
  }
}

Tools

  1. list-components

    Get the list of available shadcn/ui components

  2. get-component-docs

    Get documentation for a specific component

  3. install-component

    Install a shadcn/ui component

  4. list-blocks

    Get the list of available shadcn/ui blocks

  5. get-block-docs

    Get documentation for a specific block

  6. install-blocks

    Install a shadcn/ui block