💡

أمثلة Generative UI - Gemini Dynamic View وVercel AI SDK وv0.dev

استكشف أمثلة Generative UI واقعية من ChatGPT Intelligent UI وGemini Dynamic View وVercel AI SDK وv0.dev وClaude Artifacts وغيرها من واجهات AI التفاعلية.

18 عناصر
💡الحالات

Google Play: Private Android Apps Built with Google AI Studio

Google AI Studio's AI app builder now connects vibe coding to private Android app distribution through Google Play. Google's October 13, 2026 announcement lets adults in selected markets, including the U.S., run personal creations on their own device with a standard Google account. This design-time Generative UI case shows generated applications moving from previews into a personal app library.

google-ai-studiogoogle-playai-app-builder
بواسطة Google Play · 2026-10-13
زيارة الموقع
💡الحالات

LightSprint: AI App Building on an Existing Codebase

LightSprint's AI app builder workflow lets PMs, designers and operations teams direct coding agents on an existing codebase. Its October 13, 2026 announcement describes shared planning, clickable cloud previews and engineering-controlled merges. This design-time Generative UI case connects natural-language product changes to inspectable interfaces and a team's established review process.

lightsprintai-app-buildercoding-agents
بواسطة LightSprint · 2026-10-13
زيارة الموقع
💡الحالات

Claude Dashboards: Generated Views with Inspectable Queries

Anthropic's October 8, 2026 announcement introduces Claude Dashboards in beta on paid plans. Natural-language questions over connected data warehouses or apps become dashboards that stay current, with queries users can inspect and refresh timestamps on each chart.

anthropicclaudegenerative-ui
بواسطة Anthropic · 2026-10-08
زيارة الموقع
💡الحالات

ChatGPT Intelligent UI: Interactive Answers

OpenAI introduced Intelligent UI in ChatGPT on October 7, 2026. GPT-6 composes answers from text, visuals and interactive components, selecting a layout for the question. Official demonstrations include learning diagrams, trip planning, a bill splitter, a savings calculator and a game.

openaichatgptintelligent-ui
بواسطة OpenAI · 2026-10-07
زيارة الموقع
💡الحالات

OpenAI Data Agent: Conversational Interactive Dashboards

OpenAI's September 2026 Data agent in ChatGPT Work turns natural-language business questions into editable, shareable, and refreshable interactive dashboards. It grounds analysis in approved enterprise data and semantic layers, lets users investigate evidence through follow-up conversation, and can publish or work with dashboards across established BI tools.

openaichatgpt-workdata-analysis
بواسطة OpenAI · 2026-09
زيارة الموقع
💡الحالات

Copilot in SharePoint: Live Generated Dashboards

Microsoft's August 2026 SharePoint update describes Copilot generating interactive HTML dashboards from natural-language requests. The resulting views stay connected to SharePoint lists and refresh when opened; Excel and CSV can also supply dashboard data. Examples include project health, inventory, recruiting and approval pipelines.

microsoftcopilotsharepoint
بواسطة Microsoft SharePoint Team · 2026-08-06
زيارة الموقع
💡الحالات

Google Stitch: تصميم UI أصيل للـ AI في الوقت الحقيقي

يُعد Stitch من Google Labs حالة قوية لـ GenUI في وقت التصميم، لا مجرد عرض برمجة داخل محادثة. في تحديثها الرسمي الصادر في 19 مايو 2026، تصف Google Stitch كنظام تصميم تعاوني حيّ يَعرض فيه agent عمل UI مباشرة على canvas لا نهائي، ويتيح للمستخدمين توجيه التكرارات قبل اكتمالها، ويُصدّر الشاشات الناتجة نحو الإنتاج.

googlestitchdesign-tool
بواسطة Google Labs · 2026-05
زيارة الموقع
💡الحالات

Google Gemini 3 - Dynamic View وVisual Layout

طبّقت Google ميزات Generative UI في Gemini 3، وتُسمّى داخلياً تجارب "Dynamic View" و"Visual Layout". ووفقاً لمدونة Google الرسمية، يمكن لـ Gemini 3 AI Mode "إنشاء تخطيطات مرئية غامرة وأدوات ومحاكاة تفاعلية"، مولّداً الواجهات فورياً وفق استعلامات المستخدمين. ويتيح Dynamic View لـ Gemini 3 "تصميم وبرمجة استجابة تفاعلية مخصصة بالكامل" لكل prompt، بينما ينشئ Visual Layout واجهات وسائط متعددة غامرة بأسلوب المجلات.

googlegeminidynamic-view
بواسطة Google · 2025-11
زيارة الموقع
💡الحالات

Google Search AI Mode

مع إطلاق Gemini 3 في Search، أضاف AI Mode تجارب Generative UI. ويذكر فريق Google Search أن Gemini 3 في البحث يستطيع إنشاء تخطيطات مرئية مثالية ديناميكياً مع أدوات ومحاكاة تفاعلية، بما يكيّف الواجهات مع أسئلة المستخدمين. فعند البحث عن مفاهيم معقدة مثلاً، لا يحصل المستخدمون على إجابات نصية فقط، بل يمكنهم رؤية مخططات ديناميكية أو أدوات محاكاة، مثل حاسبات ذات معلمات قابلة للضبط في الوقت الحقيقي.

googlesearchai-mode
بواسطة Google · 2025-11
زيارة الموقع
💡الحالات

OpenAI Apps SDK: تطبيقات تفاعلية داخل ChatGPT

يمثل إطلاق OpenAI لـ Apps SDK في أكتوبر 2025 حالة رئيسية لـ Generative UI، لأن التطبيقات أصبحت تعيش مباشرة داخل محادثات ChatGPT. يصف الإعلان الرسمي تطبيقات تستجيب للغة الطبيعية وتعرض واجهات تفاعلية داخل المحادثة، تشمل الخرائط وقوائم التشغيل والعروض التقديمية والدورات والتسوق والسفر. يوسّع SDK بروتوكول MCP كي يتمكن المطورون من تعريف منطق التطبيق وواجهته معاً، مما يجعله مرجعاً ملموساً للمنتجات الحوارية التي تحتاج إلى UI يبدو أصيلاً بدلاً من روابط تقود إلى تطبيق آخر.

openaichatgptapps-sdk
بواسطة OpenAI · 2025-10
زيارة الموقع
💡الحالات

Claude Artifacts: تطبيقات AI قابلة للمشاركة

يحوّل تحديث Claude Artifacts من Anthropic في يوليو 2025 لوحة artifact إلى سطح تطبيق خفيف. يستطيع Claude إنشاء artifacts تستدعي Claude عبر API واستضافتها وجعلها قابلة للمشاركة، بينما يسجّل المستخدمون النهائيون الدخول بحساباتهم الخاصة في Claude. وهي حالة مفيدة لأن UI المولّدة تصبح دائمة وقابلة للتحرير والاستخدام من الآخرين، لا مجرد معاينة لمرة واحدة بجوار محادثة.

anthropicclaudeartifacts
بواسطة Anthropic · 2025-07
زيارة الموقع
💡الحالات

Figma Make: نماذج أولية من prompt إلى تطبيق

أصبح Figma Make متاحاً لكل المستخدمين في يوليو 2025، وهو من أوضح حالات Generative UI ضمن أدوات التصميم. تصفه Figma بأنه أداة prompt-to-app لإنشاء نماذج أولية تفاعلية عالية الدقة وتطبيقات ويب، مع دعم أحدث مثل مكتبات التصميم المستوردة والنماذج الأولية المتصلة بـ Supabase. ينتمي إلى مجموعة الحالات لأنه يوضح انتقال GenUI إلى مراحل أبكر، مثل اكتشاف المنتج والمواءمة والتعاون بين التصميم والهندسة.

figmafigma-makeprompt-to-app
بواسطة Figma · 2025-07
زيارة الموقع
💡الحالات

Canva Code: عناصر تصميم تفاعلية من prompts

Canva Code حالة قوية لـ Generative UI على منصات المبدعين. في Canva Create 2025، قدّمت Canva سير عمل يصف فيه المستخدمون عنصراً تفاعلياً، مثل حاسبة تسعير أو اختبار أو لعبة مصغرة، ثم يبنيه AI مباشرة داخل Canva. ويمكن بعد ذلك إعادة استخدام العنصر المولّد في التصاميم والمواقع والعروض التقديمية والمستندات وغيرها من أسطح Canva، مما يتيح GenUI لغير المطورين في العمل الإبداعي اليومي.

canvacanva-codeinteractive-design
بواسطة Canva · 2025-04
زيارة الموقع
💡الحالات

Amazon Rufus - مساعد تسوق حواري

أطلقت Amazon مساعد التسوق الحواري "Rufus"، الذي يولّد مباشرة واجهات قائمة على القصد، مثل بطاقات توصية المنتجات وخيارات التصفية، من خلال المحادثة، متجاوزاً نموذج البحث التقليدي بالكلمات المفتاحية.

amazonrufuse-commerce
بواسطة Amazon · 2024-02
زيارة الموقع
💡الحالات

v0 by Vercel

يمكن لـ v0.dev من Vercel، وهو في beta منذ عام 2023، تحويل prompt نصي قصير إلى نماذج أولية تفاعلية للواجهة الأمامية. وهو يولّد مكونات UI بـ React/Tailwind من أوصاف نصية أو صور، موضحاً إمكانات التوليد من text-to-UI.

vercelcode-generationreact
بواسطة Vercel · 2023-10
زيارة الموقع
💡الحالات

GitHub Spark: تطبيقات full-stack باللغة الطبيعية

GitHub Spark حالة معاينة عامة لتوليد prompt-to-app داخل منظومة GitHub. يساعد المستخدمين على تحويل الأفكار إلى تطبيقات ذكية full-stack، والتكرار باستخدام اللغة الطبيعية أو عناصر التحكم القابلة للنقر أو الكود، ورؤية معاينات حية أثناء الإنشاء، والنشر بنقرة واحدة على استضافة مدعومة من GitHub. وفي Generative UI، يبرز Spark لأنه يعامل UI المولّدة بالـ AI كجزء من تطبيق صغير قابل للنشر، مع سياق للمصادقة وتسليم المستودع وسير عمل الإنتاج.

githubsparkfull-stack
بواسطة GitHub
زيارة الموقع
💡الحالات

Vercel AI SDK - Generative UI

يتيح Vercel AI SDK بث مكونات React من LLMs، بما يسمح للـ AI بتوليد مكونات UI تفاعلية في الوقت الحقيقي.

vercelreactstreaming
بواسطة Vercel
زيارة الموقع
💡الحالات

bracesproul/gen-ui - عرض Generative UI مع LangChain.js

مشروع عرض open source مبني بـ LangChain.js وNext.js ليوضح كيفية إنشاء تطبيقات Generative UI بسرعة. ينص وصف المشروع على: "This app is intended to provide a template for building Generative UI applications using LangChain.js".

langchainnextjsopen-source
بواسطة bracesproul
زيارة الموقع

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

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