Servidor MCP

O servidor MCP do HextaUI dá aos assistentes a mesma documentação que você lê aqui: para que serve cada componente, suas props e data attributes, suporte a teclado, exemplos funcionais e o comando que o instala. Os assistentes param de adivinhar as props do shadcn/ui e passam a usar o que o HextaUI realmente entrega.

É um servidor hospedado e somente leitura em https://hextaui.com/mcp. Não há nada para instalar nem chave de API. Ele lê a documentação da versão deste site, então está sempre atualizado.

Configuração

Adicione o servidor ao seu assistente e peça para ele criar algo com o HextaUI.

Claude Code

claude mcp add --transport http hextaui https://hextaui.com/mcp

Cursor

{
  "mcpServers": {
    "hextaui": {
      "url": "https://hextaui.com/mcp"
    }
  }
}

VS Code

{
  "servers": {
    "hextaui": {
      "type": "http",
      "url": "https://hextaui.com/mcp"
    }
  }
}

Codex

[mcp_servers.hextaui]
url = "https://hextaui.com/mcp"

Windsurf

{
  "mcpServers": {
    "hextaui": {
      "serverUrl": "https://hextaui.com/mcp"
    }
  }
}

Outros clientes

Qualquer cliente que ofereça suporte a servidores remotos via Streamable HTTP pode usar a URL diretamente. Para um cliente que só executa servidores locais, faça a ponte com mcp-remote.

{
  "mcpServers": {
    "hextaui": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://hextaui.com/mcp"]
    }
  }
}

Ferramentas

Todas as ferramentas são somente leitura. A instalação fica por conta do seu assistente, que executa o comando da shadcn CLI no seu projeto como você faria.

• search_docs encontra componentes, exemplos, props e data attributes a partir de linguagem natural, como “confirmar antes de excluir” ou o nome de uma prop.
• list_components lista todos os componentes, hooks e utilitários por categoria.
• get_component retorna a documentação completa de uma página: comando de instalação, uso, exemplos, teclado, acessibilidade e referência da API.
• get_component_api retorna apenas a referência da API e o suporte a teclado.
• get_examples retorna o código de qualquer exemplo de uma página.
• get_component_source retorna os arquivos-fonte que a CLI instalaria.
• get_install_command monta um único comando do shadcn para vários componentes, para npm, pnpm, yarn ou bun.
• get_setup retorna o guia de instalação e as convenções que o código gerado deve seguir.

O servidor também expõe cada página como um recurso hextaui://docs/{slug} e um prompt build-ui que conduz um assistente da escolha dos componentes até a instalação.

Experimente

• Crie uma página de configurações com o HextaUI: formulário de perfil, switches de notificação e uma zona de perigo.
• Qual componente do HextaUI devo usar para uma lista de arquivos com checkboxes?
• Substitua este modal pelo dialog do HextaUI e mantenha o formulário funcionando.
• Adicione uma visualização de chat com balões de mensagem do HextaUI que rola até as novas mensagens.

Prefere o servidor MCP do shadcn? Registre o namespace @hextaui e ele também poderá navegar e instalar componentes e exemplos do HextaUI.