Ueberblick
Vercel Knowledge Base Guide zum Aufbau eines MCP Apps Hosts mit AI SDK. Der Guide zeigt, wie `@ai-sdk/mcp` und `@ai-sdk/react` model-visible Tools von app-only Tools trennen, `ui://` Ressourcen lesen und interaktive Tool UIs per `experimental_MCPAppRenderer` in einem sandboxed iframe rendern.
Zusammenfassung
Warum dieser Guide wichtig ist:
1. Konkrete Host-Implementierung: Bringt MCP Apps vom Protokollkonzept in reales React App Wiring
2. Tool Visibility Modell: Erklaert die Trennung zwischen model-visible und app-visible Tools
3. Resource Rendering Path: Zeigt, wie Hosts `ui://` Ressourcen lesen und HTML sicher rendern
4. Sicherheitsgrenze: Betont sandboxed iframe Rendering und erlaubtes Tool Proxying
5. Sammlungs-Fit: Ergaenzt den MCP Apps Standard um einen aktuellen Vercel AI SDK Integrationspfad
1. Konkrete Host-Implementierung: Bringt MCP Apps vom Protokollkonzept in reales React App Wiring
2. Tool Visibility Modell: Erklaert die Trennung zwischen model-visible und app-visible Tools
3. Resource Rendering Path: Zeigt, wie Hosts `ui://` Ressourcen lesen und HTML sicher rendern
4. Sicherheitsgrenze: Betont sandboxed iframe Rendering und erlaubtes Tool Proxying
5. Sammlungs-Fit: Ergaenzt den MCP Apps Standard um einen aktuellen Vercel AI SDK Integrationspfad
Tags
vercelai-sdkmcp-appsreactimplementation