Shadcn Space MCP

Integrate shadcn space MCP server into your IDE to generate ready-to-use shadcn/ui components without guesswork.

GitHub

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.

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.

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

Credits

Created by shadcnspace.

MIT

関連サーバー

NotebookLM Webインポーター

ワンクリックでWebページとYouTube動画をNotebookLMにインポート。200,000人以上のユーザーが利用中。

Chrome拡張機能をインストール