shadcnspace-mcp

Seamlessly access ShadcnSpace UI blocks into your editor using MCP

3 stars JavaScriptOthers Updated Aug 2, 2026

mcpmcp-servermodelcontextprotocolshadcnspace

Documentation

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

bash

npx shadcnspace-cli install

Supported Clients

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

Manual Installation

Add to your IDE's MCP config:

json

{
  "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 Name	Description
`listBlocks`	Provides a comprehensive list of all shadcnspace blocks.
`listComponents`	Provides a comprehensive list of all shadcnspace components.
`getBlockInstall`	Returns the official installation command for a specific Shadcn Space block.
`searchBlocks`	Search Shadcn Space blocks using keywords or tags.
`listInstalledBlocks`	Lists all blocks that are currently installed in the project and get their files.
`listPages`	Provides a complete list of all Shadcn Space pages.
`getPageInstall`	Returns the official installation command for a specific Shadcn Space page.
`searchPages`	Search Shadcn Space pages using keywords or tags.
`listInstalledPages`	Lists all pages that are currently installed in the project.
`get_audit_checklist`	Returns 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/Command	Description
`search`	Find specific UI block by name.
`create-ui`	Create a new UI block using our exisitng 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 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

Frequently asked questions

What is shadcnspace-mcp?

shadcnspace-mcp is Seamlessly access ShadcnSpace UI blocks into your editor using MCP

How do I install shadcnspace-mcp?

Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

Is shadcnspace-mcp open source?

Yes — it is hosted on GitHub at https://github.com/shadcnspace/shadcnspace-mcp and has 3 stars.

Related MCP tools

firecrawl-mcp-server

🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.

7,393 JavaScript

batch-processingclaudecontent-extraction+11

12306-mcp

This is a 12306 ticket search server based on the Model Context Protocol (MCP).

1,232 JavaScript

12306mcpmcp-server+1

atlassian-mcp-server

Official remote MCP server for Atlassian. Securely connect Jira, Confluence, Jira Service Management, Bitbucket, and Compass to Claude, ChatGPT, Cursor, VS Code, and other AI tools using OAuth 2.1 or API tokens.

1,015 JavaScript

aiai-agentsatlassian+17