Servidor MCP

El servidor MCP de HextaUI da a los asistentes la misma documentación que lees aquí: para qué sirve cada componente, sus props y atributos de datos, soporte de teclado, ejemplos que funcionan y el comando que lo instala. Los asistentes dejan de adivinar las props de shadcn/ui y usan lo que HextaUI realmente incluye.

Es un servidor alojado de solo lectura en https://hextaui.com/mcp. No hay nada que instalar ni clave de API. Lee la documentación de la versión de este sitio, así que siempre está al día.

Configuración

Añade el servidor a tu asistente y pídele que construya algo con 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"
    }
  }
}

Otros clientes

Cualquier cliente que admita servidores remotos mediante Streamable HTTP puede usar la URL directamente. Si un cliente solo ejecuta servidores locales, conéctalo con mcp-remote.

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

Herramientas

Todas las herramientas son de solo lectura. La instalación la hace tu asistente, que ejecuta el comando de la CLI de shadcn en tu proyecto como lo harías tú.

• search_docs encuentra componentes, ejemplos, props y atributos de datos a partir de lenguaje natural, como “confirmar antes de eliminar” o el nombre de una prop.
• list_components lista todos los componentes, hooks y utilidades por categoría.
• get_component devuelve la documentación completa de una página: comando de instalación, uso, ejemplos, teclado, accesibilidad y referencia de la API.
• get_component_api devuelve solo la referencia de la API y el soporte de teclado.
• get_examples devuelve el código de cualquier ejemplo de una página.
• get_component_source devuelve los archivos fuente que instalaría la CLI.
• get_install_command construye un único comando de shadcn para varios componentes, con npm, pnpm, yarn o bun.
• get_setup devuelve la guía de instalación y las convenciones que debe seguir el código generado.

El servidor también expone cada página como un recurso hextaui://docs/{slug}, y un prompt build-ui que guía a un asistente desde la elección de componentes hasta su instalación.

Pruébalo

• Crea una página de ajustes con HextaUI: formulario de perfil, interruptores de notificaciones y una zona de peligro.
• ¿Qué componente de HextaUI debería usar para una lista de archivos con checkboxes?
• Sustituye este modal por el dialog de HextaUI y mantén el formulario funcionando.
• Añade una vista de chat con burbujas de mensajes de HextaUI que se desplaza a los mensajes nuevos.

¿Prefieres el servidor MCP de shadcn? Registra el espacio de nombres @hextaui y también podrá explorar e instalar componentes y ejemplos de HextaUI.