Shadcn Space MCP
About
Integrate the shadcn/ui MCP server from shadcn space into your IDE to generate accurate, production-ready Shadcn UI components.
Details
- Author
- shadcnspace
- Downloads
- 218
- Categories
- Developer Tools, Frontend, Other
Jump to
- 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
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Shadcn Space MCPCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
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.
get_audit_checklist
CRITICAL: You MUST execute this tool BEFORE using any other tools in this MCP server. Returns the strict workflow rules and guidelines for agents interacting with Shadcn Space. Agents MUST read this first to understand how to handle free vs PRO components, package managers, and installation flows.
listBlocks
Provides a complete list of all Shadcn Space blocks that can be used in a project. Agents can use this to explore available block types before deciding which ones to add or customize.
listComponents
Provides a full list of Shadcn Space components. Agents can use this to discover components to build pages or sections within a project.
getBlockInstall
Returns the official installation command for a specific Shadcn Space block. Agents can use this to add a block to the project automatically before customizing it.
searchBlocks
Search Shadcn Space blocks using keywords or tags. Agents can use this to find relevant blocks when building a page based on user requirements or content type.
listInstalledBlocks
Lists all blocks that are currently installed in the project. Agents can use this to determine which blocks are available for customization or updating, and optionally filter by specific block names.
listPages
Provides a complete list of all Shadcn Space pages that can be used in a project. Agents can use this to explore available page types before deciding which ones to add or customize.
getPageInstall
Returns the official installation command for a specific Shadcn Space page. Agents can use this to add a page to the project automatically before customizing it. NOTE: All pages are PRO components. Agents MUST check components.json for a valid license key before attempting to install pages.
searchPages
Search Shadcn Space pages using keywords or tags. Agents can use this to find relevant pages when building a site based on user requirements or content type.
listInstalledPages
Lists all pages that are currently installed in the project. Agents can use this to determine which pages are available for customization or updating, and optionally filter by specific page names. NOTE: All pages are PRO components. Agents MUST check components.json for a valid license key before attempting to install pages.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"shadcn space mcp": {
"shadcnspace-mcp": {
"command": "npx",
"args": [
"-y",
"shadcnspace-mcp@latest"
]
}
}
}
}McpServers
{
"shadcnspace-mcp": {
"command": "npx",
"args": [
"-y",
"shadcnspace-mcp@latest"
]
}
}Integrate shadcn space MCP server into your IDE to generate ready-to-use shadcn/ui components without guesswork.
Official Model Context Protocol (MCP) server forShadcn Space.
This MCP server allows AI-powered IDEs and agents to discover, search, and installShadcn SpaceUI blocks directly into your projects — no copy-paste required.
npx shadcnspace-cli install <client>
- cursor
- windsurf
- claude
- cline
- antigravity
{ "mcpServers": { "shadcnspace-mcp": { "command": "npx", "args": ["-y", "shadcnspace-mcp@latest"] } } }
For more information visit our documentation ofHow to use MCP Server
The server provides the following tools callable via MCP:
Note:All pages are PRO components, so you will need to have a valid license key to install and use them.
The server provides the following prompts callable via MCP:
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. Seeclaude-instructions.md.
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
Multi-LLM Design and Build Team. Confer and create with a team of LLMs.
fable-discipline is a Claude Code plugin that makes agentic software work follow repeatable working patterns: design before code, verify after edits, separate author from reviewer, preserve verified state between sessions, and report uncertainty honestly.
Provides Figma layout information to AI coding agents like Cursor.
An MCP server to help AI assistants to answer questions and generate AccelByte Extend SDK code more effectively .
Local stdio MCP server that lets AI coding agents read and maintain structured architecture, rules, and decisions directly from your repository.
Official Context7 MCP server that brings up-to-date, version-specific library documentation and code examples into AI coding prompts.
Remote, no-auth MCP server providing AI-powered codebase context and answers
Instead of direct calling MCP tools, mcpcode server transforms MCP tool calls into TypeScript programs, enabling smarter, lower-latency orchestration by LLMs.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
