Shadcn Space MCP

Integrasikan server MCP shadcn space ke dalam IDE Anda untuk menghasilkan komponen shadcn/ui yang siap pakai tanpa perlu menebak-nebak.

Dokumentasi

shadcnspace-mcp

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

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

Install MCP configuration

npx shadcnspace-cli install <client>

Supported Clients

  • cursor
  • windsurf
  • claude
  • cline
  • antigravity

Manual Installation

Add to your IDE's MCP config:

{
  "mcpServers": {
    "shadcnspace-mcp": {
      "command": "npx",
      "args": ["-y", "shadcnspace-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 NameDescription
listBlocksProvides a comprehensive list of all shadcnspace blocks.
listComponentsProvides a comprehensive list of all shadcnspace components.
getBlockInstallReturns the official installation command for a specific Shadcn Space block.
searchBlocksSearch Shadcn Space blocks using keywords or tags.
listInstalledBlocksLists all blocks that are currently installed in the project and get their files.
listPagesProvides a complete list of all Shadcn Space pages.
getPageInstallReturns the official installation command for a specific Shadcn Space page.
searchPagesSearch Shadcn Space pages using keywords or tags.
listInstalledPagesLists all pages that are currently installed in the project.
get_audit_checklistReturns strict workflow rules and guidelines for agents interacting with this MCP server.

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

Available Prompts

The server provides the following prompts callable via MCP:

Prompt/CommandDescription
searchFind specific UI block by name.
create-uiCreate a new UI block using our exisitng blocks.
customization-guidelinesDefines which parts of installed blocks can be safely modified.

Example Usage

Once configured, you can ask questions like:

"List all available UI blocks"

"Give me the code for the accordion-01 component"

"Create a landing page for a coffee shop using a hero-01 block, a 3-column feature grid, and a dark-themed footer."

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 shadcnspace.

MIT