Retour à la liste
📚Ressources

Add MCP Apps to your AI SDK application

Vercel
2026-06

À propos

Guide Vercel Knowledge Base pour construire un host MCP Apps avec AI SDK. Il montre comment `@ai-sdk/mcp` et `@ai-sdk/react` separent les outils visibles par le modele des outils reserves a l'app, lisent les ressources `ui://` et rendent des UIs interactives dans un iframe sandbox via `experimental_MCPAppRenderer`.

Résumé

Pourquoi ce guide compte :

1. Implementation host concrete : fait passer MCP Apps du concept de protocole au wiring d'une app React
2. Modele de visibilite des outils : explique la separation entre outils model-visible et app-visible
3. Chemin de rendu des ressources : montre comment lire des ressources `ui://` et rendre le HTML de facon controlee
4. Frontiere de securite : insiste sur l'iframe sandbox et le proxy d'outils autorises
5. Encaixe collection : complete l'entree standard MCP Apps avec un chemin d'integration Vercel AI SDK actuel

Tags

vercelai-sdkmcp-appsreactimplementation

Articles similaires

Une collection curatée de ressources Generative UI, GenUI et UI générative.

Créé avec ❤️ par la communauté