概要
AI SDKでMCP Apps hostを構築するためのVercel Knowledge Base guideです。`@ai-sdk/mcp`と`@ai-sdk/react`でmodel-visible toolとapp-only toolを分離し、`ui://` resourceを読み取り、`experimental_MCPAppRenderer`でinteractive tool UIをsandboxed iframe内にrenderする流れを示します。
要約
このguideが重要な理由:
1. Concrete host implementation: MCP Appsをprotocol conceptからReact app wiringへ落とし込む
2. Tool visibility model: model-visible toolsとapp-visible toolsを分離する方法を扱う
3. Resource rendering path: hostが`ui://` resourceを読み、安全にHTMLをrenderする流れを示す
4. Security boundary: sandboxed iframe renderingとallowed tool proxyingを強調する
5. 収録価値: 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 toolsとapp-visible toolsを分離する方法を扱う
3. Resource rendering path: hostが`ui://` resourceを読み、安全にHTMLをrenderする流れを示す
4. Security boundary: sandboxed iframe renderingとallowed tool proxyingを強調する
5. 収録価値: MCP Apps standard entryに現在のVercel AI SDK integration pathを補う
タグ
vercelai-sdkmcp-appsreactimplementation