Shadcn Space

БесплатноНе проверен

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

автор: shadcnspace

GitHub Embed

Описание

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

README

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

from github.com/shadcnspace/shadcnspace-mcp

Установить Shadcn Space в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE

unyly install shadcn-space-mcp

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add shadcn-space-mcp -- npx -y shadcnspace-mcp

Пошаговые гайды: как установить Shadcn Space

Установить Shadcn Space в Claude Desktop Установить Shadcn Space в Claude Code Установить Shadcn Space в Cursor Установить Shadcn Space в VS Code

FAQ

Shadcn Space MCP бесплатный?

Да, Shadcn Space MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Shadcn Space?

Нет, Shadcn Space работает без API-ключей и переменных окружения.

Shadcn Space — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Shadcn Space в Claude Desktop, Claude Code или Cursor?

Открой Shadcn Space на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.