Shadcn Space MCP

Integre o servidor MCP Shadcn Space ao seu IDE para gerar componentes shadcn/ui prontos para uso, sem suposições.

Documentação

shadcnspace-mcp

Servidor oficial do Model Context Protocol (MCP) para Shadcn Space.

Este servidor MCP permite que IDEs e agentes com IA descubram, pesquisem e instalem blocos de UI do Shadcn Space diretamente em seus projetos — sem necessidade de copiar e colar.

Instalar configuração do MCP

npx shadcnspace-cli install <client>

Clientes suportados

Instalação manual

Adicione ao arquivo de configuração do MCP da sua IDE:

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

Para mais informações, visite nossa documentação sobre Como usar o Servidor MCP

Ferramentas disponíveis

O servidor fornece as seguintes ferramentas que podem ser chamadas via MCP:

Nome da Ferramenta	Descrição
`listBlocks`	Fornece uma lista abrangente de todos os blocos do shadcnspace.
`listComponents`	Fornece uma lista abrangente de todos os componentes do shadcnspace.
`getBlockInstall`	Retorna o comando oficial de instalação para um bloco específico do Shadcn Space.
`searchBlocks`	Pesquisa blocos do Shadcn Space usando palavras-chave ou tags.
`listInstalledBlocks`	Lista todos os blocos atualmente instalados no projeto e obtém seus arquivos.
`listPages`	Fornece uma lista completa de todas as páginas do Shadcn Space.
`getPageInstall`	Retorna o comando oficial de instalação para uma página específica do Shadcn Space.
`searchPages`	Pesquisa páginas do Shadcn Space usando palavras-chave ou tags.
`listInstalledPages`	Lista todas as páginas atualmente instaladas no projeto.
`get_audit_checklist`	Retorna regras de fluxo de trabalho e diretrizes estritas para agentes que interagem com este servidor MCP.

Nota: Todas as páginas são componentes PRO, portanto você precisará ter uma chave de licença válida para instalá-las e usá-las.

Prompts disponíveis

O servidor fornece os seguintes prompts que podem ser chamados via MCP:

Prompt/Comando	Descrição
`search`	Encontre um bloco de UI específico pelo nome.
`create-ui`	Crie um novo bloco de UI usando nossos blocos existentes.
`customization-guidelines`	Define quais partes dos blocos instalados podem ser modificadas com segurança.

Exemplo de uso

Após a configuração, você pode fazer perguntas como:

"Liste todos os blocos de UI disponíveis"

"Me dê o código para o componente accordion-01"

"Crie uma página de destino para uma cafeteria usando um bloco hero-01, uma grade de recursos de 3 colunas e um rodapé com tema escuro."

Instruções para agentes (Claude / Cursor / Windsurf)

Se você estiver usando Claude Projects, Cursor ou Windsurf, preparamos um conjunto de instruções que você pode copiar e colar para fazer sua IA usar este Servidor MCP perfeitamente. Veja claude-instructions.md.

Créditos

Criado por shadcnspace.

MIT