OpenAI Apps SDK Examples

Ce qu'il fait

OpenAI Apps SDK Examples est la galerie de démonstration officielle de widgets UI interactifs construits avec l'Apps SDK et MCP. Il affiche des composants riches au sein des conversations dans ChatGPT — des explorateurs de système solaire en 3D et des cartes interactives aux carrousels de pizzerias et aux tunnels de paiement de paniers d'achat. Chaque widget est une réponse d'outil MCP contenant des métadonnées HTML intégrées, que l'Apps SDK rend inline aux côtés des messages de l'assistant.

Fonctionnalités clés

• Démos de multiples widgets — Pizzaz (vues liste/carrousel/carte + boutique), Solar System (visionneuse 3D Three.js), Kitchen Sink Lite (surface complète de l'API window.openai), Shopping Cart (widget multi-tours avec état), et Authenticated (outils protégés par OAuth)
• Bibliothèque UI Apps SDK — Composants React réutilisables (images, boutons, badges) via @openai/apps-sdk-ui
• Serveurs bi-langues — Implémentations de serveurs MCP en Node.js et Python pour les exemples Pizzaz et Kitchen Sink
• Synchronisation de l'état du widget — widgetSessionId maintient la cohérence de widgetState entre les tours pour que le modèle et l'UI partagent les mêmes données
• API d'aide à l'hôte — callTool, requestDisplayMode, openExternal, sendFollowUpMessage pour une intégration profonde avec ChatGPT

Installation

• ChatGPT : Activez le mode développeur, puis allez dans Paramètres → Connecteurs et ajoutez l'URL de votre serveur (ex: https://<<vvotre-serveur>/mcp). Pour les tests locaux, utilisez un tunnel avec ngrok : ngrok http 8000

Hôtes supportés

ChatGPT (via Apps SDK Connectors)