Shadcn Space MCP

Name: Shadcn Space MCP
Author: shadcnspace

@shadcnspace

Shadcn Space MCP について

Integrate the shadcn/ui MCP server from shadcn space into your IDE to generate accurate, production-ready Shadcn UI components.

#shadcn-ui-mcp #shadcn-mcp #shadcn-space-mcp

基本情報

カテゴリ

その他

トランスポート

stdio

公開者

shadcnspace

投稿者

Wrappixel Team

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

ツール

Provides a comprehensive list of all shadcnspace blocks.

Provides a comprehensive list of all shadcnspace components.

Returns the official installation command for a specific Shadcn Space block.

Search Shadcn Space blocks using keywords or tags.

Lists all blocks that are currently installed in the project and get their files.

概要

What is Shadcn Space MCP?

Official Model Context Protocol (MCP) server for Shadcn Space that lets AI‑powered IDEs and agents discover, search, and install Shadcn Space UI blocks directly into projects without copy‑pasting.

How to use Shadcn Space MCP?

Install it with npx shadcnspace-cli install <client> (supports cursor, windsurf, claude, cline, antigravity) or add the manual JSON configuration to your IDE’s MCP config using npx -y shadcnspace-mcp@latest.

Key features of Shadcn Space MCP?

List all available Shadcn Space blocks
List all available Shadcn Space components
Get official install command for a block
Search blocks by keywords or tags
List blocks already installed in the project

Use cases of Shadcn Space MCP?

Ask “List all available UI blocks” to browse the library
Request “Give me the code for accordion-01” to fetch a component
Build a landing page by combining blocks like hero-01, feature grid, and a footer
Search for a specific block using “Find the pricing‑03 block”
Check which blocks are currently installed in the project