How do I use shadcndashboard-mcp?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@shadcndashboard-mcp List all available dashboard blocks" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

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

cursor
windsurf
claude
cline
antigravity

Related MCP server: @jpisnice/shadcn-ui-mcp-server

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.