shadcndashboard-mcp

Official Model Context Protocol (MCP) server for Shadcn Dashboard.

This MCP server allows AI-powered IDEs and agents to discover, search, and install Shadcn Dashboard UI blocks directly into your projects — no copy-paste required.

Install MCP configuration

npx shadcndashboard-cli install <client>

Supported Clients

• [x] cursor
• [x] windsurf
• [x] claude
• [x] cline
• [x] antigravity

Manual Installation

Add to your IDE's MCP config:

{
  "mcpServers": {
    "shadcndashboard-mcp": {
      "command": "npx",
      "args": ["-y", "shadcndashboard-mcp@latest"]
    }
  }
}

For more information visit our documentation of How to use MCP Server

Available Tools

The server provides the following tools callable via MCP:

| Tool Name | Description | |-----------|-------------| | listBlocks | Provides a comprehensive list of all Shadcn Dashboard blocks. | | listComponents | Provides a comprehensive list of all Shadcn Dashboard components. | | getBlockInstall | Returns the official installation command for a specific Shadcn Dashboard block. | | searchBlocks | Search Shadcn Dashboard blocks using keywords or tags. | | listInstalledBlocks | Lists all blocks that are currently installed in the project and get their files. | | get_audit_checklist | Returns strict workflow rules and guidelines for agents interacting with this MCP server. |

Note: Some blocks are PRO components, so you will need a valid license key to install and use them.

Available Prompts

The server provides the following prompts callable via MCP:

| Prompt/Command | Description | |----------------|-------------| | search | Find specific UI block by name. | | create-ui | Create a new UI layout using existing blocks. | | customization-guidelines | Defines which parts of installed blocks can be safely modified. |

Example Usage

Once configured, you can ask questions like:

"List all available dashboard blocks"

"Give me the installation command for the sidebar-01 block"

"Create a dashboard layout with a sidebar, a stats grid, and a data table."

"Search for chart blocks"

"Install the analytics-dashboard-01 block into my project"

Agent Instructions (Claude / Cursor / Windsurf)

If you are using Claude Projects, Cursor, or Windsurf, we have prepared a set of instructions you can copy-paste to make your AI use this MCP Server flawlessly. See claude-instructions.md.

Credits

Created by shadcndashboard.

MIT