MCP App Studio Starter

Ce qu'il fait

MCP App Studio Starter est un échafaudage complet pour créer des applications MCP interactives — des widgets d'interface qui s'affichent directement dans les assistants IA comme ChatGPT et Claude. Lancez un établi local, construisez votre widget avec React et exportez un fichier index.html autonome que vous pouvez déployer n'importe où. Supporte le pont MCP standard ui/* ainsi que des extensions optionnelles spécifiques à ChatGPT.

Caractéristiques principales

• Établi local à l'adresse http://localhost:3002 — simule un hôte d'applications MCP avec rechargement à chaud, réponses d'outils simulées et diagnostics de thème
• Hooks SDK universels (useToolInput, useCallTool, useTheme, useSendMessage) qui fonctionnent de manière identique sur Claude Desktop, ChatGPT, VS Code et Goose
• Détection de plateforme via useCapabilities() / useFeature() pour restreindre les extensions propres à ChatGPT (état du widget, paiement, modales) sans affecter les autres hôtes
• Export mono-fichier via npm run export — génère export/widget/index.html prêt à être déployé sur Vercel, Netlify, S3 ou Cloudflare Pages
• Échafaudage de serveur MCP dans server/ pour coupler votre widget avec de véritables points de terminaison d'outils
• Flux de travail TDD intégré via .agent/skills/mcp-app-development/SKILL.md — impose une parité réelle avec les outils, et non un comportement basé uniquement sur des simulations

Installation

Créer un nouveau projet

npx mcp-app-studio

Cela télécharge automatiquement le starter. Aucun clonage manuel n'est nécessaire.

Claude Desktop

{
  "mcpServers": {
    "my-app": {
      "url": "https://votre-serveur-mcp-deploye.com/mcp"
    }
  }
}

Claude.ai web

Allez dans Paramètres → Intégrations → Ajouter un serveur MCP et saisissez l'URL de votre point de terminaison MCP déployé.

VS Code Copilot

Ajoutez à settings.json :

"github.copilot.chat.mcp.servers": {
  "my-app": { "url": "https://votre-serveur-mcp-deploye.com/mcp" }
}

ChatGPT

Enregistrez-vous via le tableau de bord des applications ChatGPT avec l'URL de votre widget déployé et le point de terminaison de votre serveur MCP.

Hôtes supportés

ChatGPT (support complet des extensions) et Claude Desktop sont explicitement supportés. Le pont MCP standard ui/* le rend compatible avec tout hôte capable d'exécuter des applications MCP.