Serveur MCP

Le serveur MCP HextaUI donne aux assistants la même documentation que celle que vous lisez ici : à quoi sert chaque composant, ses props et attributs data, la prise en charge du clavier, des exemples fonctionnels et la commande qui l'installe. Les assistants cessent de deviner les props de shadcn/ui et utilisent ce que HextaUI fournit réellement.

C'est un serveur hébergé en lecture seule, à l'adresse https://hextaui.com/mcp. Rien à installer, aucune clé d'API. Il lit la documentation de la version de ce site et reste donc toujours à jour.

Configuration

Ajoutez le serveur à votre assistant, puis demandez-lui de construire quelque chose avec 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"
    }
  }
}

Autres clients

Tout client qui prend en charge les serveurs distants via Streamable HTTP peut utiliser directement l'URL. Pour un client qui n'exécute que des serveurs locaux, faites le pont avec mcp-remote.

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

Outils

Tous les outils sont en lecture seule. L'installation est laissée à votre assistant, qui exécute la commande shadcn CLI dans votre projet comme vous le feriez.

• search_docs trouve des composants, exemples, props et attributs data à partir de langage naturel, comme « confirmer avant de supprimer » ou un nom de prop.
• list_components liste tous les composants, hooks et utilitaires par catégorie.
• get_component renvoie la documentation complète d'une page : commande d'installation, utilisation, exemples, clavier, accessibilité et référence de l'API.
• get_component_api renvoie uniquement la référence de l'API et la prise en charge du clavier.
• get_examples renvoie le code de n'importe quel exemple d'une page.
• get_component_source renvoie les fichiers source que la CLI installerait.
• get_install_command construit une seule commande shadcn pour plusieurs composants, avec npm, pnpm, yarn ou bun.
• get_setup renvoie le guide d'installation et les conventions que le code généré doit suivre.

Le serveur expose aussi chaque page comme une ressource hextaui://docs/{slug}, ainsi qu'un prompt build-ui qui guide un assistant du choix des composants jusqu'à leur installation.

Essayer

• Construis une page de paramètres avec HextaUI : formulaire de profil, interrupteurs de notification et zone de danger.
• Quel composant HextaUI dois-je utiliser pour une liste de fichiers avec des cases à cocher ?
• Remplace cette modale par le dialog HextaUI et garde le formulaire fonctionnel.
• Ajoutez une vue de chat avec les bulles de message HextaUI, qui défile vers les nouveaux messages.

Vous préférez le serveur MCP de shadcn ? Enregistrez l'espace de noms @hextaui et il pourra aussi parcourir et installer les composants et exemples HextaUI.