Volver a la lista
📚Recursos

Add MCP Apps to your AI SDK application

Vercel
2026-06

Acerca de

Guia de Vercel Knowledge Base para construir un host MCP Apps con AI SDK. Muestra como `@ai-sdk/mcp` y `@ai-sdk/react` separan herramientas visibles para el modelo de herramientas solo para la app, leen recursos `ui://` y renderizan UIs interactivas en un iframe sandbox con `experimental_MCPAppRenderer`.

Resumen

Por que esta guia importa:

1. Implementacion host concreta: Lleva MCP Apps del concepto de protocolo al wiring de una app React
2. Modelo de visibilidad de herramientas: Explica como separar herramientas visibles para el modelo y para la app
3. Ruta de renderizado de recursos: Muestra como leer recursos `ui://` y renderizar HTML con seguridad
4. Limite de seguridad: Enfatiza iframe sandbox y proxy de herramientas permitidas
5. Encaje en la coleccion: Complementa la entrada del estandar MCP Apps con una integracion actual en Vercel AI SDK

Etiquetas

vercelai-sdkmcp-appsreactimplementation
Ver recurso

Artículos relacionados

Una colección curada de recursos de Generative UI y GenUI.

Hecho con ❤️ por la comunidad