Que sont les MCP Apps ?
Les MCP Apps sont des interfaces HTML interactives qui s'affichent directement dans les assistants IA comme ChatGPT, Claude et VS Code Copilot. Construites sur le Model Context Protocol, elles apportent tableaux de bord, formulaires et visualisations dans vos conversations IA — sans onglet navigateur requis.
Pourquoi les MCP Apps ?
Les réponses textuelles ne suffisent pas pour de nombreux flux de travail. Les MCP Apps débloquent des expériences riches et interactives sans sacrifier la portabilité ou la sécurité.
Amélioration progressive, par conception
Les hôtes annoncent leurs capacités UI. Les serveurs n'enregistrent les outils UI que lorsqu'ils sont pris en charge, donc tout fonctionne toujours en texte sur les hôtes sans UI.
- Les serveurs vérifient les capacités de l'hôte avant d'activer les outils UI.
- Si l'UI n'est pas disponible, les outils retournent du texte et des données structurées.
- Le même serveur s'exécute partout avec un comportement cohérent.
Votre serveur MCP reste compatible avec tous les hôtes. L'UI est un bonus là où elle est prise en charge.
Voir la négociation des capacités dans la specArchitecture en un coup d'œil
Trois entités collaborent pour offrir des expériences interactives sans briser le modèle MCP.
Cycle de vie
De la découverte à la fermeture, les MCP Apps suivent une séquence prévisible en laquelle les hôtes peuvent avoir confiance.
Ressources UI
Les serveurs déclarent des templates HTML avec des URI ui:// lors de l'enregistrement des outils afin que les hôtes puissent les précharger et les examiner.
- Les hôtes peuvent précharger et mettre en cache les templates avant exécution.
- La présentation et les données restent découplées pour des architectures propres.
- Les hôtes peuvent inspecter les templates UI lors de la configuration de la connexion.
ui://weather/forecastLiaison outil–UI
Les outils référencent leurs templates UI via des métadonnées. Lors de l'appel, l'Hôte récupère le template et l'affiche de manière sécurisée.
- Récupérer la ressource UI déclarée par l'outil.
- Afficher la Vue dans un iframe isolé.
- Transmettre les entrées et résultats de l'outil à la Vue.
{
"_meta": {
"ui": { "resourceUri": "ui://weather/forecast" }
}
}Communication bidirectionnelle
Les Vues et Hôtes communiquent via JSON-RPC sur postMessage, maintenant les interactions auditables et sécurisées.
Visibilité des outils
Les outils peuvent être visibles par le modèle, l'application, ou les deux. Cela évite que les interactions UI encombrent le contexte du modèle.
- La visibilité par défaut est modèle et application.
- Les outils uniquement application gardent les interactions UI privées.
Utilisez les outils uniquement application pour les actions de rafraîchissement, la pagination ou les soumissions de formulaires.
Contexte hôte et thématisation
Les hôtes fournissent le contexte d'exécution afin que les Vues puissent adapter leur mise en page et leur style.
- Préférence de thème (clair ou sombre).
- Langue, fuseau horaire et métadonnées de plateforme.
- Mode d'affichage (inline, plein écran ou picture-in-picture).
- Dimensions du conteneur et contraintes de mise en page.
.container {
background: var(--color-background-primary, #ffffff);
color: var(--color-text-primary, #000000);
}Les hôtes notifient les Vues lors des changements de contexte afin que les UI se mettent à jour sans rechargement.
Modes d'affichage
Les Vues déclarent les modes qu'elles prennent en charge ; les Hôtes décident de ce qu'ils peuvent fournir.
Sécurité par défaut
Les MCP Apps protègent les données grâce à l'isolation et des règles de communication strictes.
- Les Vues s'exécutent dans des iframes isolées sans accès au DOM hôte.
- Les déclarations CSP restreignent les connexions externes par défaut.
- Toute la communication passe par JSON-RPC auditable.
Ce que vous pouvez créer
Construisez des MCP Apps hautement personnalisées — même des expériences sur mesure pour un seul utilisateur ou une équipe.
Vous souhaitez que nous construisions votre MCP App ?
Contactez-nous pour créer une MCP App de premier ordre qui fonctionne sur tous les assistants IA — adaptée à vos objectifs et flux de travail.