MCP-UI SDK

Ce qu'il fait

MCP-UI permet aux serveurs MCP de fournir des interfaces web interactives riches parallèlement aux réponses des outils. Au lieu de renvoyer du texte brut, vos outils peuvent afficher des tableaux de bord HTML, des formulaires, des visualisations de données et des canevas intégrés directement dans l'interface de conversation de tout hôte MCP compatible. Il a pionniéré le concept d'UI-over-MCP et ses modèles ont directement influencé la spécification officielle des MCP Apps.

Fonctionnalités clés

• @mcp-ui/server — Créez des charges utiles UIResource avec du HTML brut, des iframes externes ou des composants Remote-DOM via un seul appel createUIResource()
• @mcp-ui/client — Composants React AppRenderer (standard MCP Apps) et UIResourceRenderer (legacy) prêts à l'emploi qui isolent l'UI distante dans des iframes
• Support multi-langues — SDK disponibles en TypeScript, Python (mcp-ui-server) et Ruby (mcp_ui_server)
• Communication bidirectionnelle — Les fragments d'UI peuvent déclencher des appels d'outils, des invites et des notifications vers l'hôte via postMessage
• Conforme MCP Apps — Implémente entièrement le type MIME text/html;profile=mcp-app et le standard de liaison _meta.ui.resourceUri

Installation

Claude Desktop — ajoutez votre serveur compatible MCP-UI à claude_desktop_config.json :

{
  "mcpServers": {
    "my-server": {
      "command": "npx",
      "args": ["-y", "my-mcp-ui-server"]
    }
  }
}

VS Code Copilot — ajoutez à .vscode/mcp.json ou aux paramètres utilisateur :

{
  "mcp": {
    "servers": {
      "my-server": {
        "command": "npx",
        "args": ["-y", "my-mcp-ui-server"]
      }
    }
  }
}

Hôtes supportés

Fonctionne avec tout hôte conforme aux MCP Apps : Claude, VS Code Copilot, Goose, LibreChat, Postman, MCPJam et Smithery. ChatGPT est supporté via l'adaptateur SDK Apps inclus.