shadcn, servidor MCP
Explore, pesquise e instale componentes e blocos do shadcn/ui em linguagem natural, de qualquer registro que você usa.
Oficialpor shadcn/uiRoda no seu computadorVerificado em 27 de outubro de 2026
O servidor MCP do shadcn, do projeto shadcn/ui, permite que o Claude liste, pesquise e veja os componentes, blocos e templates do registro do shadcn/ui e de qualquer outro registro configurado no components.json do seu projeto, incluindo bibliotecas privadas da sua empresa. Para os itens que você escolher, ele devolve o comando npx shadcn add exato, então os componentes entram no seu projeto a partir de um pedido em linguagem natural. Ele roda no seu computador pela CLI do shadcn e não precisa de conta.
Para quem é
- Desenvolvedores criando interfaces com shadcn/ui
- Quem cria sites com Claude Code ou Cursor
- Equipes que compartilham uma biblioteca privada de componentes
Prompts para testar
Depois de conectado, peça com suas palavras. Sua ferramenta de IA decide quando usar o servidor e pergunta antes de mudar algo importante.
Mostre os blocos de login do registro do shadcn e adicione o mais simples ao meu projeto.Monte uma seção de preços com componentes do shadcn: três cards de planos, uma chave mensal ou anual e um acordeão de perguntas frequentes.Encontre o exemplo de tabela de dados no registro do shadcn e adapte para listar os meus pedidos.Como adicionar o servidor MCP shadcn ao Claude
MCP é um padrão aberto, então este servidor funciona no Claude, ChatGPT, Codex, Cursor, VS Code e mais. Escolha sua ferramenta:
Conecte para mim o servidor MCP do shadcn ao Claude Code: rode este comando: npx shadcn@latest mcp init --client claude
Se algum valor começar com YOUR_, me peça primeiro. Quando estiver conectado, me ajude a fazer login se precisar e mostre uma coisa que eu possa pedir a ele.Ou faça você mesmo:
npx shadcn@latest mcp init --client claudeBom saber
Rode o comando init dentro do seu projeto, depois reinicie o Claude Code e confira o servidor com /mcp. O shadcn documenta o mesmo comando para Cursor, VS Code, Codex e OpenCode (--client cursor, vscode, codex ou opencode); para o Codex ele só imprime as linhas a adicionar em ~/.codex/config.toml, porque a CLI não consegue editar esse arquivo.
Libere os passos de configuração
Grátis. Deixe seu email uma vez para liberar os passos de configuração dos 152 servidores e receber os melhores conectores novos todo mês.
Como verificamos
Verificamos a documentação MCP e o changelog do shadcn/ui (o servidor MCP chegou com a CLI 3.0 em agosto de 2025), o repositório shadcn-ui/ui (MIT, 126.6k estrelas, commits até 2026-10-26) e o pacote npm shadcn (4.22.1). Em 2026-10-27 rodamos npx shadcn@latest mcp init --client claude numa pasta de teste vazia: ele criou o .mcp.json e adicionou o shadcn como dependência de desenvolvimento. Depois iniciamos o servidor, que listou 7 ferramentas, e uma busca por um formulário de login no registro @shadcn retornou dois blocos de login com os comandos para adicioná-los. Ainda não usamos dentro do Claude Code.
Fonte: ui.shadcn.com/docs/mcp
shadcn MCP: perguntas frequentes
Com quais ferramentas de IA o servidor MCP do shadcn funciona?
A documentação do shadcn traz uma configuração de um comando para Claude Code, Cursor, VS Code com GitHub Copilot, Codex e OpenCode: rode npx shadcn@latest mcp init no seu projeto com --client claude, cursor, vscode, codex ou opencode. No Codex você também adiciona o servidor à mão em ~/.codex/config.toml, porque a CLI do shadcn não consegue editar esse arquivo. Qualquer outro cliente MCP pode rodar o mesmo comando: npx com os argumentos shadcn@latest e mcp.
Preciso de conta ou de chave de API?
Não. O registro padrão do shadcn/ui não precisa de nenhuma configuração. Só registros privados que exigem login precisam de um token, que você guarda numa variável de ambiente no .env.local e passa nos headers do registro no components.json.
Ele funciona com os componentes da minha empresa?
Sim. Funciona com qualquer registro que siga a especificação de registros do shadcn: o registro padrão do shadcn/ui, registros de terceiros e bibliotecas privadas de empresas. Adicione cada um à seção registries do components.json com um namespace como @internal e depois peça itens pelo nome, por exemplo @internal/auth-form.
E se a minha ferramenta de IA mostrar No tools or prompts para o shadcn?
Os passos de solução de problemas do shadcn: limpe o cache do npx com npx clear-npx-cache, desative e reative o servidor MCP na sua ferramenta de IA e confira os logs (no Cursor, View > Output e depois MCP: project-* no menu suspenso). Se os componentes não instalarem, confira se o projeto tem um components.json válido e se as pastas de destino existem.
Escrevemos estas respostas a partir das páginas oficiais de cada produto citado, consultadas em 27 de outubro de 2026.