О материале
Vercel Knowledge Base guide о том, как построить MCP Apps host на AI SDK. Он показывает, как `@ai-sdk/mcp` и `@ai-sdk/react` разделяют model-visible tools и app-only tools, читают `ui://` resources и рендерят interactive tool UIs в sandboxed iframe через `experimental_MCPAppRenderer`.
Краткое содержание
Почему этот guide важен:
1. Concrete host implementation: переводит MCP Apps из protocol concept в рабочий React app wiring
2. Tool visibility model: показывает разделение model-visible и app-visible tools
3. Resource rendering path: объясняет, как hosts читают `ui://` resources и безопасно рендерят HTML
4. Security boundary: подчеркивает sandboxed iframe rendering и allowed tool proxying
5. Collection fit: дополняет MCP Apps standard entry актуальным Vercel AI SDK integration path
1. Concrete host implementation: переводит MCP Apps из protocol concept в рабочий React app wiring
2. Tool visibility model: показывает разделение model-visible и app-visible tools
3. Resource rendering path: объясняет, как hosts читают `ui://` resources и безопасно рендерят HTML
4. Security boundary: подчеркивает sandboxed iframe rendering и allowed tool proxying
5. Collection fit: дополняет MCP Apps standard entry актуальным Vercel AI SDK integration path
Теги
vercelai-sdkmcp-appsreactimplementation