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

📚Ressources

Harness4GenUI 2026: Engineering Foundations for Generative UI

Official ASE 2026 workshop dedicated to the software-engineering foundations of Generative UI. Harness4GenUI frames dynamic interfaces as runtime systems and organizes work around stable context models, UI schemas, rendering contracts, testing, observability, safety, and governance rather than generation quality alone.

genuiharness-engineeringsoftware-architecture
par ASE 2026 · 2026-10
Voir la ressource
📚Ressources

ggui: A Generative Interface Runtime over MCP

Apache-2.0 protocol and reference runtime for generating ephemeral, interactive interfaces from natural-language agent requests over MCP. ggui includes a self-hosted server, schema-negotiated render contracts, MCP Apps host helpers, bidirectional user events, reusable blueprints and gadgets, and runnable integrations for Claude, OpenAI Agents SDK, and Google ADK.

generative-uimcp-appsruntime-protocol
par ggui contributors · 2026-08
Voir la ressource
📚Ressources

moi: An Agent-Generated Personal Software Workspace

Source-available local workspace where AI agents build and reshape persistent UI around a user's project. moi gives Claude Code, Codex, OpenClaw, and Hermes a skill-driven interface for creating live widgets, dashboards, canvases, and full views wired to files, commands, APIs, databases, and MCP servers, with the generated software stored in the workspace filesystem.

generative-uiagent-workspacedynamic-widgets
par Alexey Taktarov · 2026-08
Voir la ressource

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

Créé avec ❤️ par la communauté