‏جنریتیو UI: سه مدل ساختن رابط با هوش مصنوعی

نویسندهٔ این اسلایدها سراغ اون بخشی از Generative UI می‌ره که به «سرور و رابط» مربوطه، نه به تولید طرح تو ابزارهای دیزاین. به گفتهٔ اون یکی از واضح‌ترین کاربردهاش حذف همون «دیوار متن» جواب‌های AI هست: به‌جای یه بلوک متن طولانی، چت می‌تونه نقشه، تصویر یا فلش‌کارت تعاملی نشون بده. هرچی این اکوسیستم پخته‌تر می‌شه، المان‌های زودگذری که در لحظه برای نیت کاربر ساخته می‌شن بیشتر می‌شن.

استدلال دومش دربارهٔ پیچیدگیه: هر فیچر و هر یکپارچه‌سازی شخص‌ثالث، تعداد حالت‌های رابط رو ضرب می‌کنه و تیم رو از نفس می‌ندازه. نویسنده اینجا مقایسه‌ای با مینی‌پروگرام‌های WeChat می‌کنه که از ۲۰۱۷ همه‌کار رو داخل یه اپ جمع کردن و امروز حدود یک میلیارد کاربر ماهانه دارن. تفاوت کلیدی به نظرش نقطهٔ ورودیه: WeChat با تکنولوژی اختصاصی و ورودی قطعی مثل QR شروع کرد، ولی نسل جدید روی استانداردهای باز و ورودی مبتنی بر نیت بنا شده.

دستهٔ اول، استاتیک/کنترل‌شده، ساده‌ترین مسیر مهاجرته. تو دموی لیست مکان‌ها، کاربر یه متن آزاد می‌نویسه، ایجنت (روی Mastra و AI SDK) تصمیم می‌گیره تول recommendPlaces رو صدا بزنه، فیلتر و رتبه‌بندی تو کد اپ اجرا می‌شه و مدل فقط توضیح کوتاهی دربارهٔ همون نتایج می‌نویسه. فرانت‌اند از روی خروجی تول یکی از کامپوننت‌های از‌پیش‌ساخته رو انتخاب می‌کنه، پس اسکیمای تول مدل رو مهار می‌کنه و کد قطعی تصمیم می‌گیره چی رندر بشه.

دستهٔ دوم، دکلاراتیو، آزادی بیشتری به مدل می‌ده. تو دموی /planner هیچ چیدمان از پیش طراحی‌شده‌ای وجود نداره و مدل خودش کل صفحه رو می‌چینه: ویجت آب‌وهوا، برآورد پرواز، برنامهٔ روزانه و چک‌لیست وسایل. اینجا A2UI اسپک چیزیه که مدل تولید می‌کنه، AG-UI اسپک انتقال رویدادها بین بک‌اند و کلاینته و CopilotKit نقش لوله‌کشی رو بازی می‌کنه. نکتهٔ مهمش اینه که کاتالوگ کامپوننت‌ها همون قرارداده؛ اسکیماهای Zod به مدل می‌گن چه کامپوننتی با چه پراپی مجازه.

دستهٔ سوم، اوپن‌اند، نه کاتالوگ می‌خواد نه اسکیما و مدل مستقیم کد رابط تولید می‌کنه. به گفتهٔ نویسنده همین باعث ریسک اجرای کد دلخواه تو مرورگر می‌شه و برای همین رایج‌ترین پیاده‌سازی امروزش iframeهای سندباکس‌شدهٔ MCP Apps هست؛ تازه تأخیر، کش‌پذیری، ممیزی و یکدستی هم سر جاشون مونده. جمع‌بندیش اینه که یه محصول واقعی احتمالاً هر سه رو قاطی می‌کنه: کامپوننت استاتیک برای جریان‌های اصلی، دکلاراتیو برای ترکیب‌های پویا و iframe برای ویجت‌های موقت.

نکات کلیدی:

• Generative UI یعنی رابطی که در لحظه بر اساس نیت کاربر ساخته می‌شه، نه فقط تولید طرح با AI
• سه دستهٔ اصلی: استاتیک/کنترل‌شده، دکلاراتیو و اوپن‌اند
• تو حالت استاتیک، اسکیمای تول مدل رو محدود می‌کنه و کد اپ تصمیم می‌گیره چه کامپوننتی رندر بشه
• تو حالت دکلاراتیو، A2UI چیزیه که مدل می‌سازه و AG-UI مسیر انتقال رویدادهاست
• کاتالوگ کامپوننت همون مرز بین رابط منعطف و اجرای کد دلخواه تو صفحه‌ست
• اوپن‌اند بیشترین آزادی و بیشترین ریسک امنیتی رو داره و معمولاً تو iframe سندباکس محصور می‌شه