Voltar à lista
📚Recursos

Add MCP Apps to your AI SDK application

Vercel
2026-06

Sobre

Guia da Vercel Knowledge Base para criar um host MCP Apps com AI SDK. Ele mostra como `@ai-sdk/mcp` e `@ai-sdk/react` separam ferramentas visiveis ao modelo de ferramentas apenas da app, leem recursos `ui://` e renderizam UIs interativas em um iframe sandbox com `experimental_MCPAppRenderer`.

Resumo

Por Que Este Guia Importa:

1. Implementacao concreta de host: Leva MCP Apps do conceito de protocolo ao wiring de uma app React
2. Modelo de visibilidade de ferramentas: Cobre como separar tools visiveis ao modelo e tools visiveis a app
3. Caminho de renderizacao de recursos: Mostra como hosts leem recursos `ui://` e renderizam HTML com seguranca
4. Fronteira de seguranca: Enfatiza iframe sandbox e proxy de tools permitidas
5. Encaixe na colecao: Complementa a entrada do padrao MCP Apps com uma integracao atual do Vercel AI SDK

Tags

vercelai-sdkmcp-appsreactimplementation
Ver recurso

Artigos relacionados

Uma lista curada de recursos de Generative UI.

Feito com ❤️ pela comunidade