بناء واجهة مستخدم 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.
إضافة MCP Apps إلى تطبيق AI SDK
دليل Vercel Knowledge Base لبناء مضيف MCP Apps باستخدام AI SDK. يوضح كيف يفصل `@ai-sdk/mcp` و`@ai-sdk/react` بين الأدوات المرئية للنموذج والأدوات الخاصة بالتطبيق، وكيف يقرآن موارد `ui://` ويعرضان واجهات أدوات تفاعلية داخل iframe معزول باستخدام `experimental_MCPAppRenderer`.
ag-ui-protocol/ag-ui
مستودع بروتوكول AG-UI الرسمي، ويُقدَّم بوصفه طبقة تفاعل الوكيل والمستخدم لإدخال الوكلاء إلى تطبيقات الواجهة الأمامية. أهميته أنه يقع أسفل العروض الخاصة بالتطبيقات: فهو يعرّف نموذج النقل والأحداث الذي يتيح لخلفيات الوكلاء بث الرسائل ونشاط الأدوات وتحديثات UI إلى منتجات حقيقية عبر عملاء متعددين.
A2UI + MCP Apps: الجمع بين واجهات الوكلاء التصريحية والمخصصة
منشور معماري رسمي في Google Developers Blog عن الجمع بين A2UI وMCP Apps. وهو مفيد لأنه يتجاوز إعلانات البروتوكولات المنفصلة ويعرض ثلاثة أنماط تكامل عملية: تقديم حمولات A2UI عبر MCP، وتضمين MCP Apps داخل مكوّنات A2UI، وتشغيل عارضات A2UI داخل MCP Apps.
syntux — بناء Generative UIs للويب
Syntux مكتبة React مفتوحة المصدر تركز على توليد واجهات الويب من قيمة مقدمة مع تلميحات UI اختيارية. تستخدم JSON-DSL مسطحاً يسمى React Interface Schema، وتدعم البث والمكوّنات المخصصة والتخزين المؤقت وإعادة التوليد التفاعلية، ما يجعلها مرجعاً مفيداً لـ GenUI من البيانات إلى الواجهة بدلاً من أسطح المساعد المعتمدة على المحادثة فقط.
تكامل AG-UI مع Agent Framework
وثائق Microsoft Learn لربط وكلاء Agent Framework بواجهات AG-UI الأمامية. توضح كيف تضع Microsoft بروتوكول AG-UI داخل تطبيقات وكلاء إنتاجية، بما في ذلك واجهة مستخدم توليدية مدفوعة بالوكيل، وUI قائمة على الأدوات، وجسر الأحداث بين وقت تشغيل الوكيل الخلفي وعملاء React.
A2UI v0.9: المعيار الجديد لواجهة مستخدم Generative UI محمولة ومحايدة للإطار
تحديث رسمي في Google Developers Blog عن A2UI v0.9. يضع المنشور A2UI كمعيار موجّه للإنتاج لواجهة UI تصريحية يولدها الوكيل، ويضيف عارض React الرسمي، ويشرح كيف يمكن للوكلاء استهداف كتالوجات المكوّنات القائمة عبر الويب والجوال من دون توليد كود واجهة أمامية اعتباطي.
توقّف عن جعل AI يكتب JSON — لماذا بنينا OpenUI
مقال هندسي رسمي من OpenUI يشرح سبب تجاوز الفريق لأشجار JSON في Generative UI. يحدد متطلبات وقت التشغيل للواجهات التفاعلية التي يولدها الوكيل، ويبيّن هشاشة JSON المتداخل أمام UI ذات الحالة، ويقدم OpenUI Lang كلغة تضع البث أولاً لواجهة مستخدم يولدها النموذج.
تقديم Tambo 1.0
منشور الإطلاق الرسمي من Tambo لأداته الجاهزة للإنتاج لبناء واجهة مستخدم توليدية في React. يشرح المنشور نموذج fullstack: يسجّل المطورون مكوّنات React القائمة، ويختار الوكيل الخصائص ويبثها إليها، بينما يدير Tambo حالة المحادثة والتنسيق وسلوك المكوّنات التفاعلية المستمر.
MCP Apps — إضافة قدرات UI إلى عملاء MCP
إعلان Model Context Protocol الرسمي عن MCP Apps، أول امتداد MCP جاهز للإنتاج لإرجاع UI تفاعلية مباشرةً داخل عملاء AI. يشرح كيفية إعلان الأدوات عن `_meta.ui.resourceUri`، وكيف يعرض المضيفون واجهات معزولة، ولماذا تناسب لوحات المعلومات والنماذج والتصورات وسير العمل متعدد الخطوات مهام الوكلاء أكثر من النص وحده.
تقديم A2UI: مشروع مفتوح لواجهات تقودها الوكلاء
إعلان رسمي في Google Developers Blog عن A2UI، وهو تنسيق تصريحي محمول لواجهات يولدها الوكيل. يشرح كيف يستطيع الوكلاء البعيدون أو المحليون طلب مكوّنات UI موثوقة من تطبيق المضيف بدلاً من إصدار HTML اعتباطي، ما يجعل Generative UI أكثر أماناً وعبر المنصات وقابلة للتحديث تدريجياً.
Google Research Blog: Generative UI
مقال Google Research Blog بعنوان «Generative UI: تجربة مستخدم مرئية وتفاعلية وغنية ومخصصة لأي prompt». كتبه مهندسون كبار في Google Research، ويقدم منهج التنفيذ والنتائج التجريبية لـ Generative UI. يذكر المقال أن Generative UI قدرة جديدة تتيح لنماذج AI إنشاء تجربة المستخدم كاملةً لا المحتوى فقط، ويوضح إطلاق الميزة تجريبياً في Gemini app وGoogle Search AI Mode.
Google تطلق Gemini 3 وGoogle Antigravity وميزات Generative UI
مقال تحليل تقني من Constellation Research يقدم إطلاق Gemini 3 ويركز على ميزات Generative UI: يستطيع Gemini 3 إنشاء مكوّنات تفاعلية وتقديم خيارات سيناريوهات وصور وجداول ونص. يفصل المقال تجارب Visual Layout وDynamic View.
9to5Google: تحليل إطلاق Gemini 3
تحليل تفصيلي من 9to5Google عن Gemini 3 يشرح ميزات Generative UI. يذكر المقال أن Dynamic View تتيح لـ Gemini 3 تصميم وبرمجة استجابة تفاعلية مخصصة بالكامل لكل prompt، بينما تولد Visual Layout واجهات وسائط متعددة غامرة بأسلوب المجلات.
مشروع Generative UI — Google
موقع مشروع Generative UI لفريق Google على generativeui.github.io، ويحتوي على أوراق بحثية وأمثلة تفاعلية وبعض الكود، موضحاً منهج تنفيذ GenUI لديهم.
أخبار AIBase: Google Generative UI
تغطية من وسيلة التقنية الصينية AIBase في نوفمبر 2025 تفيد بأن Generative UI تتيح لـ AI توليد واجهات ديناميكية قابلة للتنفيذ عند الإجابة عن الأسئلة.
Generative UI مع AI: مستقبل تطوير الويب للواجهة الأمامية
مقال شامل من Pansofic يستكشف كيف تحول Generative UI مع AI تطوير الواجهة الأمامية. يغطي تكيّف UI الفوري، وتوليد الواجهة من اللغة الطبيعية، والتجارب المخصصة، والنمذجة الأولية الأسرع. ويضم دراسات حالة لـ Builder.io وVercel AI SDK وFigma AI Assistant، إلى جانب أفضل ممارسات التنفيذ.
AI هو UI الجديدة: Generative UI مع FastHTML
دليل متعمق من Pol Alvarez Vecino يوضح بناء تطبيقات Generative UI تفاعلية باستخدام FastHTML وHTMX في أقل من 150 سطراً من الكود. يستكشف المقال التطور من واجهات المحادثة النصية فقط إلى GenUI للعرض فقط ثم GenUI التفاعلية بالكامل، ويشرح كيف تلغي مقاربة hypermedia اقتران العقد بين الواجهة الأمامية والخلفية، ما يتيح لـ LLMs توليد واجهات ديناميكية حقيقية.
Generative UI: ذكية ومبنية على القصد ومدفوعة بـ AI
مقال Medium/Design Bootcamp من Daniel Ostrovsky يشرح إمكانات Generative UI من منظور الأعمال والمستخدم. يجادل المقال بأن GenUI لا تعني أن AI ينشئ مكوّنات جديدة بالكامل من الصفر، بل يختار ويرتب بذكاء عناصر الواجهة الموجودة بحسب قصد المستخدم. ويوضح كيف تحسن GenUI الكفاءة والتجربة بأمثلة من الخدمات المالية والتطبيقات التعليمية.
مقدمة إلى Generative UIs
مقال UX Collective من Mark O'Neill يقدّم مفهوم Generative UI وحالاته العملية. يذكر المؤلف أن المصطلح ظهر في 2023 ويعرّفه بأنه تقنية تبني الواجهات أو تعدلها تلقائياً وفق السياق عبر الذكاء الاصطناعي التوليدي. ويوضح المقال كيف يمكن لعناصر UI والتخطيطات والأنماط أن تختلف حسب المستخدم لبناء تجارب مخصصة مع GenUI.
Generative UI والتصميم الموجّه بالنتائج
مقال من Nielsen Norman Group يناقش أثر Generative UI في نماذج التصميم. يعرّف المؤلف المصطلح بأنه تقنية تولّد واجهات مخصصة للمستخدمين ديناميكياً وفي الوقت الحقيقي عبر AI، ويجادل بأنها ستنقل تصميم الواجهات من إرضاء الأغلبية إلى إرضاء الأفراد. ويدعو المقال إلى الانتقال من تصميم الواجهات التقليدي إلى التصميم الموجّه بالنتائج، مع التركيز على أهداف المستخدمين وتجاربهم النهائية.
MCP-UI-Org/mcp-ui
مستودع MCP-UI SDK الرسمي لبناء وعرض UI تفاعلية عبر MCP. يكتسب README أهمية خاصة لأنه يوثق شكل المنظومة بعد المعيار: فـ `@mcp-ui/*` يطبق الآن معيار MCP Apps، ويدعم مسارات خادم TypeScript وPython وRuby، ويبقى SDK عملياً للمضيف والعميل للفرق التي تشحن أدوات وكلاء غنية بالواجهة.
وثائق CopilotKit: نظرة عامة على Generative UI
صفحة وثائق CopilotKit الرسمية التي تشرح البدائيات الأساسية وراء مكدس Generative UI الخاص بها. تقسم المجال إلى أنماط تشغيل عملية مثل components-as-tools، وعرض استدعاء الأدوات، وعرض الحالة، وMCP Apps المعزولة، وعارضات UI التصريحية، ما يجعلها خريطة مفيدة لاختيارات التنفيذ في الإنتاج.
CopilotKit/generative-ui
مستودع أمثلة CopilotKit الرسمي الذي يعرض ثلاثة أنماط عملية من Generative UI: GenUI مضبوطة بأدوات الواجهة الأمامية، وGenUI تصريحية مع A2UI/Open-JSON-UI، وتوليد UI مفتوح يُعرض داخل sandbox. وبالمقارنة مع العروض العامة، تكمن قيمته في وضع مقاربات GenUI المتعددة جنباً إلى جنب في مجموعة أمثلة واحدة مُصانة.
CopilotKit/OpenGenerativeUI
إطار CopilotKit الرسمي مفتوح المصدر لـ Generative UI المفتوحة. بخلاف أمثلة مواصفات المكوّنات التصريحية، يركز هذا المستودع على تجارب HTML/SVG أغنى ومعزولة مثل المخططات والرسوم التخطيطية والمحاكاة والمشاهد ثلاثية الأبعاد، موضحاً كيف يستطيع وكيل توليد استجابات مرئية تفاعلية كاملة داخل وقت تشغيل iframe مضبوط.
thesysdev/openui
مستودع OpenUI الرسمي على GitHub من Thesys. يجمع لغة OpenUI ووقت التشغيل والتكامل مع React المدفوع بالمكوّنات في مكان واحد، ما يجعله الرفيق التنفيذي العملي لمقالات التصميم الخاصة بالفريق. يفيد خصوصاً المطورين الذين يقيمون أنظمة GenUI التي تضع البث أولاً، بعيداً عن مخططات JSON البسيطة.
google/A2UI
مستودع A2UI الرسمي من Google. يجمع المواصفة والعارضات والعينات والأدوات الخاصة بتنسيق agent-to-user-interface، ما يجعله المرجع التنفيذي الأكثر مباشرةً لواجهة Generative UI المحمولة والتصريحية عبر كتالوجات المكوّنات الموثوقة.
Flutter GenUI SDK
مكتبة رسمية بترخيص BSD من فريق Flutter لدمج قدرات واجهة المستخدم التوليدية في تطبيقات Flutter. توفر تعريفات مكوّنات تفاعلية بتنسيق JSON وآليات تغذية راجعة للحالة، وتحول مخرجات المحادثة إلى واجهات قابلة للتنفيذ. لديها حالياً أكثر من 930 نجمة وهي مشروع تجريبي من Flutter.
عينة OpenAI Structured Outputs: Generative UI
تطبيق عينة رسمي من OpenAI يوضح مساراً عملياً للمخرجات المنظمة إلى Generative UI. يستخدم العرض مخطط مكوّنات عودياً مع أداة `generate_ui` لكي تبث استجابات النموذج تعريفات UI موثوقة بدلاً من النص فقط، مع دعم محادثات متعددة الأدوار وتنفيذ الأدوات تلقائياً.
vercel-labs/json-render
إطار Generative UI الرسمي مفتوح المصدر من Vercel Labs. يتيح json-render للنماذج توليد واجهات من prompts مع بقائها مقيدة بكتالوج مكوّنات يحدده المطور، ثم يعرض المواصفة الناتجة تدريجياً عبر الويب والجوال وأوقات تشغيل أخرى.
Hashbrown — إطار TypeScript لـ Generative UI
Hashbrown إطار open source لبناء وكلاء أصليين للمتصفح وGenerative UI في React وAngular. أنسب ما يقدمه لهذه القائمة هو نموذج التحكم بالمكوّنات: يكشف المطورون مكوّنات UI موثوقة، بينما يؤلف LLM عروضاً ديناميكية ويبثها إلى الصفحة ويستدعي أدوات جانب العميل ويتعامل مع بيانات منظمة بدلاً من النص فقط.
mdocUI — Generative UI بعلامات Markdoc
mdocUI مكتبة Generative UI في مرحلة alpha تطلب من LLMs كتابة Markdown عادي مع علامات مكوّنات مضمنة بأسلوب Markdoc. لا يزال المشروع مبكراً، لكنه مفيد لأنه يمثل مقاربة مختلفة عن أشجار JSON واستدعاءات الأدوات: يمكن للنثر والمكوّنات التفاعلية مشاركة البث نفسه بينما يتولى العارض التحقق والعناصر النائبة وحدود الأخطاء وربط المكوّنات المخصصة.
LangUI — UI لـ AI
LangUI، بترخيص MIT، مكتبة مكوّنات Tailwind CSS مفتوحة المصدر مخصصة لتطبيقات GPT والذكاء الاصطناعي التوليدي. توفر مكوّنات UI غنية يمكن دمجها مع أي مشروع مدعوم بـ LLM، مثل chatbots وأدوات توليد المحتوى، ما يبسط تطوير GenUI.
Anilturaga/Generative-UI — Imagine with Claude
مشروع عرض open source باسم Imagine with Claude، يعرض قدرات واجهة المستخدم التوليدية مع Claude.