العودة إلى القائمة
📚المصادر

إضافة MCP Apps إلى تطبيق AI SDK

Vercel
2026-06

حول

دليل Vercel Knowledge Base لبناء مضيف MCP Apps باستخدام AI SDK. يوضح كيف يفصل `@ai-sdk/mcp` و`@ai-sdk/react` بين الأدوات المرئية للنموذج والأدوات الخاصة بالتطبيق، وكيف يقرآن موارد `ui://` ويعرضان واجهات أدوات تفاعلية داخل iframe معزول باستخدام `experimental_MCPAppRenderer`.

الملخص

لماذا يهم هذا الدليل:

1. تنفيذ مضيف عملي: ينقل MCP Apps من مفهوم بروتوكول إلى ربط فعّال في تطبيق React
2. نموذج ظهور الأدوات: يشرح إبقاء أدوات النموذج وأدوات التطبيق منفصلة
3. مسار عرض الموارد: يوضح قراءة المضيفين لموارد `ui://` وعرض HTML بأمان
4. حد الأمان: يؤكد عرض iframe المعزول وتوكيل الأدوات المسموح بها
5. ملاءمة القائمة: يكمل مدخل معيار MCP Apps بمسار تكامل حديث مع Vercel AI SDK

الوسوم

vercelai-sdkmcp-appsreactimplementation

مقالات ذات صلة

📚المصادر

Cloudflare D1: Scaling Databases for AI-Generated Apps

Cloudflare D1's official engineering article explains the database infrastructure behind AI-generated apps and vibe coding platforms. It covers scaling a control plane for many small databases per user, application, preview or tenant, keeping routing and usage accounting off the query hot path. For Generative UI builders, it is a backend architecture reference for persistent generated applications.

cloudflare-d1ai-generated-appsvibe-coding
بواسطة Cloudflare · 2026-10-13
عرض المصدر
📚المصادر

Genkit Dart 1.0: Streaming A2UI Integration for Flutter

Google's Genkit Dart 1.0 announcement connects a stable AI backend core with genkit_a2ui for streaming agent-generated forms, date pickers, and confirmation cards into native Flutter widgets. The linked implementation guide covers catalog validation, streamed surface messages, and user actions; the Agents API and A2UI plugin remain in preview.

generative-uia2uidart
بواسطة Chris Gill / Google · 2026-10-08
عرض المصدر
📚المصادر

assistant-ui: Component Vocabulary for Generative UI

Official implementation guide for @assistant-ui/react-generative-ui, an open-source runtime that lets models compose JSON interface trees through a present tool. It covers registered React components, Zod prop schemas, opt-in streaming, action handlers, and adapters for Slack, Teams, and A2UI.

generative-uireactcomponent-catalog
بواسطة assistant-ui · 2026-10
عرض المصدر

مجموعة منتقاة من مصادر Generative UI وIntelligent UI وGenUI وواجهات AI الديناميكية.

صُنع باستخدام ❤️ من قِبل المجتمع