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

إضافة 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

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

📚المصادر

بناء واجهة مستخدم Generative UI لوكلاء AI على Amazon Bedrock AgentCore باستخدام بروتوكول AG-UI

دليل رسمي من AWS Machine Learning Blog لنشر واجهات وكلاء AG-UI على Amazon Bedrock AgentCore. يشرح أنماط FAST لـ Strands Agents وLangGraph، ثم يدمج CopilotKit لإضافة واجهة مستخدم توليدية مضمّنة، وحالة مشتركة، وتدفقات human-in-the-loop مع Cognito وLambda وAmplify وAgentCore Runtime.

awsbedrock-agentcoreag-ui
بواسطة AWS · 2026-06
عرض المصدر
📚المصادر

ag-ui-protocol/ag-ui

مستودع بروتوكول AG-UI الرسمي، ويُقدَّم بوصفه طبقة تفاعل الوكيل والمستخدم لإدخال الوكلاء إلى تطبيقات الواجهة الأمامية. أهميته أنه يقع أسفل العروض الخاصة بالتطبيقات: فهو يعرّف نموذج النقل والأحداث الذي يتيح لخلفيات الوكلاء بث الرسائل ونشاط الأدوات وتحديثات UI إلى منتجات حقيقية عبر عملاء متعددين.

protocolagent-uiopen-source
بواسطة AG-UI Contributors · 2026-06
عرض المصدر
📚المصادر

A2UI + MCP Apps: الجمع بين واجهات الوكلاء التصريحية والمخصصة

منشور معماري رسمي في Google Developers Blog عن الجمع بين A2UI وMCP Apps. وهو مفيد لأنه يتجاوز إعلانات البروتوكولات المنفصلة ويعرض ثلاثة أنماط تكامل عملية: تقديم حمولات A2UI عبر MCP، وتضمين MCP Apps داخل مكوّنات A2UI، وتشغيل عارضات A2UI داخل MCP Apps.

googlea2uimcp-apps
بواسطة Google A2UI Team · 2026-06
عرض المصدر

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

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