Tentang
Panduan Vercel Knowledge Base untuk membuat host MCP Apps dengan AI SDK. Artikel ini menunjukkan cara `@ai-sdk/mcp` dan `@ai-sdk/react` memisahkan tool yang terlihat model dari tool khusus app, membaca resource `ui://`, dan me-render tool UI interaktif di dalam sandboxed iframe dengan `experimental_MCPAppRenderer`.
Ringkasan
Mengapa Panduan Ini Penting:
1. Implementasi host konkret: Membawa MCP Apps dari konsep protocol ke wiring React app yang berfungsi
2. Model visibilitas tool: Membahas pemisahan tool yang terlihat model dan yang hanya terlihat app
3. Jalur rendering resource: Menunjukkan cara host membaca resource `ui://` dan me-render HTML dengan aman
4. Batas security: Menekankan sandboxed iframe dan proxy tool yang diizinkan
5. Relevan untuk koleksi: Melengkapi standar MCP Apps dengan jalur integrasi Vercel AI SDK terkini
1. Implementasi host konkret: Membawa MCP Apps dari konsep protocol ke wiring React app yang berfungsi
2. Model visibilitas tool: Membahas pemisahan tool yang terlihat model dan yang hanya terlihat app
3. Jalur rendering resource: Menunjukkan cara host membaca resource `ui://` dan me-render HTML dengan aman
4. Batas security: Menekankan sandboxed iframe dan proxy tool yang diizinkan
5. Relevan untuk koleksi: Melengkapi standar MCP Apps dengan jalur integrasi Vercel AI SDK terkini
Tag
vercelai-sdkmcp-appsreactimplementation