Module Federation MCP Apps

Ce qu'il fait

Module Federation MCP Apps fait le pont entre votre infrastructure micro-frontend existante et les interfaces interactives natives à l'IA. Au lieu de regrouper du HTML autonome dans le serveur MCP, il charge dynamiquement des composants React depuis vos remotes Module Federation déployés sur CDN et les affiche en ligne dans les conversations sur Claude, VS Code Copilot ou tout hôte compatible MCP Apps.

Fonctionnalités clés

• Pas de pipeline de build dupliqué — pointez un fichier de configuration vers vos remotes MF existants ; pas besoin d'extraire ou de re-bundler les composants séparément
• Livraison CDN en direct — les mises à jour de l'UI sont déployées avec votre pipeline frontend habituel ; il suffit de mettre à jour la version dans mcp_apps.json
• Dépendances partagées — React et les modules partagés sont dédupliqués sur tous les outils via le scope partagé de Module Federation
• Wizards multi-étapes — supporte callServerTool, requestDisplayMode et les flux d'état multi-étapes (ex: une démo d'assistant de déploiement en 3 étapes est incluse)
• Proxy CORS intégré — gère automatiquement les ressources CDN cross-origin
• Skill IA pour la génération de config — incluez skill/generate-mcp-apps-config.md dans tout assistant de codage pour détecter automatiquement votre config MF et générer mcp_apps.json

Installation

Claude Desktop (npx):

{
  "mcpServers": {
    "module-federation": {
      "command": "npx",
      "args": ["-y", "@module-federation/mcp-apps@latest", "--config", "/absolute/path/to/mcp_apps.json", "--stdio"]
    }
  }
}

VS Code Copilot: Ajoutez le même bloc command/args sous github.copilot.chat.mcp.servers dans settings.json.

Mode HTTP: Exécutez node dist/index.js sans --stdio pour les agents basés sur navigateur se connectant via Streamable HTTP à l'adresse http://localhost:3001/mcp.

Hôtes supportés

Claude Desktop (confirmé), VS Code Copilot, Cursor, Windsurf, Gemini CLI, Claude Code — tous via l'installateur automatisé inclus (npm run install-mcp:<<clientclient>).