Awesome Generative UI

موارد منتقاة لبناء واجهات مستخدم ديناميكية بالذكاء الاصطناعي عبر LLM وSDKs وأطر مفتوحة المصدر

استكشف Generative UI وGenUI: أنماط وحالات واقعية وأدوات لتصميم وبناء وتقييم واجهات المستخدم التوليدية التكيفية، بما في ذلك واجهات توليدية RTL.

17
الأبحاث
12
الحالات
16
الفيديوهات
34
المصادر
5
النقاشات

أحدث المصادر

📄الأبحاث

Rethinking the UI of GenUI: A Tale of Two Designs

ورقة HCI من يونيو 2026 تقارن بين نمط الإدخال الحر المتقدم بعمق والمخرجات عالية الدقة الشائع في أدوات Generative UI، وبديل منظم يستكشف الخيارات بعرض أكبر ودقة أقل. وتكشف دراسة شملت 24 مصمم UX ومدير منتجات عن مفاضلات عملية في استكشاف التصميم المبكر.

ux-designdesign-explorationgenui
بواسطة Chen X. et al. · 2026-06
اقرأ المزيد
📄الأبحاث

The Missing Layer: Why EdTech Needs Design-Time Generative UI, Not Just Runtime Personalization

ورقة arXiv من يونيو 2026 قُبلت في AIED NextGen Learning Interfaces Workshop. وتجادل بأن التعليم التكيفي ينبغي أن يستخدم Generative UI أثناء تأليف المحتوى، لا عند وقت تشغيل المتعلم فقط، كي يتمكن المعلمون من التحقق من تمثيلات متاحة وملائمة للوسيط قبل أن يواجهها الطلاب.

educationdesign-timeaccessibility
بواسطة Neshaei S. P. et al. · 2026-06
اقرأ المزيد
📄الأبحاث

TaskLens: Generating Task-Conditioned Scaffolded Interfaces for Learning Professional Creative Software

ورقة DIS 2026 / arXiv تقدم TaskLens، وهي طريقة تعتمد على LLM لتوليد واجهات UI مسندة ومشروطة بالمهمة للأدوات الإبداعية المعقدة. يحدد النظام مراحل سير العمل ومفاهيم المجال، ويختار الأدوات المناسبة، ويولّد شفرة التنفيذ، وينتج واجهات تكشف الميزات المتقدمة تدريجياً داخل برامج مثل Blender.

scaffolded-uicreative-softwaregenui
بواسطة Liu Y. et al. · 2026-06
اقرأ المزيد
Generative UI for any agent, anywhere: A2UI, AG-UI, MCP Apps, and more
🎬الفيديوهات

Generative UI for any agent, anywhere: A2UI, AG-UI, MCP Apps, and more

جلسة رسمية من Google Cloud Tech تعرض A2UI وAG-UI وMCP Apps والمعايير ذات الصلة كطبقات متكاملة لواجهات محمولة يولدها الوكلاء.

google-clouda2uiag-ui
بواسطة Google Cloud Tech · 2026-06
شاهد الفيديو
Beyond Components: Designing Generative UI for MCP Apps
🎬الفيديوهات

Beyond Components: Designing Generative UI for MCP Apps

حديث في AI Engineer Europe يقدمه Ruben Casas من Postman حول تصميم Generative UI لـ MCP Apps، والانتقال من المكونات المنعزلة إلى أسطح تطبيقات أغنى يقدمها الوكلاء.

mcp-appsgenerative-uipostman
بواسطة AI Engineer · 2026-06
شاهد الفيديو
📚المصادر

بناء واجهة مستخدم 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
عرض المصدر
📚المصادر

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

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

vercelai-sdkmcp-apps
بواسطة Vercel · 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 الديناميكية.

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