هوش مصنوعی تولیدی برای ایجاد طرحها استفاده میشود، اما یک رویکرد جدید مبتنی بر هوش مصنوعی به نام رابط کاربری تولیدی (GenUI) فراتر از طراحی استاتیک میرود و به توسعهدهندگان وب اجازه میدهد تا از هوش مصنوعی و دادهها برای برنامهها و نمایشگرهای تحلیلی شخصیسازیشده استفاده کنند.
The New Stack با رابی شانکر گوها، بنیانگذار و مدیر عامل Thesys، در مورد معنای رابط کاربری تولیدی برای توسعه صحبت کرد. این شرکت متخصص در رابطهای مبتنی بر هوش مصنوعی است و Canvas، یک ابزار طراحی برای محصولات هوش مصنوعی مکالمهای را ایجاد کرده است. چندین ابزار و پلتفرم ویژگیهای کمکهوش مصنوعی را برای تولید رابط کاربری یا تولید کد برای اجزای رابط کاربری ارائه میدهند، مانند GitHub Copilot، Amazon CodeWhisperer و v0 Vercel.
روز دوشنبه، Thesys محصول جدیدی به نام C1 را عرضه کرد که به گفته خودش اولین API است که برای ارائه قابلیتهای GenUI ساخته شده است.
به گفته گوها، رابط کاربری تولیدی راهی را در اختیار توسعهدهندگان قرار میدهد تا رابطهای کاربری گرافیکی تولید شده پویا ایجاد کنند که با ورودیها، زمینه و ترجیحات کاربر برای یک تجربه شخصیتر سازگار باشد.
گوها گفت: «این با طراحی با کمک هوش مصنوعی بسیار متفاوت است... که اساساً یک اعلان را میگیرد و آن را به یک طرح تبدیل میکند. اما این مانند داشتن یک دستیار توسعهدهنده است که کار را برای شما انجام میدهد. این میتواند نیت را تفسیر کند. این میتواند دادهها را تفسیر کند. این میتواند... برای مثال، موقعیت جغرافیایی [و] زمان روز شما را تفسیر کند و سپس یک رابط کاربری ایدهآل را در زمان واقعی به شما ارائه دهد.»
هوش مصنوعی تولیدی در نیت عالی است. شما میتوانید از هوش مصنوعی بخواهید که به شما در خرید ساعت کمک کند و به طور واضح اطلاعاتی درباره خودتان - کشور، سن، جنسیت، آنچه در یک ساعت دوست دارید - به آن ارائه دهید و توصیههایی ایجاد میکند.
او گفت که C1 این مفهوم نیت را میگیرد و از آن یک رابط ایجاد میکند. این ترکیبی از طراحی قابلیت استفاده از برنامههای مدرن با ضریب هوشی هوش مصنوعی است - همه از طریق یک API.
گوها گفت: «API C1 این شکاف را پر میکند. و اکنون همه عوامل هوش مصنوعی جهان یا رابطهای قدرت هوش مصنوعی جهان میتوانند از همان خوبی یک رابط کاربری بصری غنی برخوردار شوند.»
یک جریان کاری جدید طراحی/توسعه فرانتاند
در حال حاضر، طراحان تمایل دارند در Figma یا ابزارهای طراحی مشابه کار کنند، سپس طرح را به یک توسعهدهنده تحویل دهند، که آن را کدنویسی میکند. این میتواند منجر به سردردهای ترجمه شود.
گوها C1 را ابزاری برای طراحان نمیبیند، اما گفت که میتواند منجر به دنیایی شود که در آن طراحان و توسعهدهندگان در یک راه حل با هم همزیستی دارند.
گوها گفت: «C1 توسط Thesys تلاشی از سوی ما برای پر کردن این شکاف و آوردن تمام هوش هوش مصنوعی و [مدلهای زبانی بزرگ] با خوبی UX سنتی است. ما میتوانیم کل این چیز را در مدل توسعه مبتنی بر LLM متراکم کنیم.»
کیت توسعه نرم افزار (SDK) C1 را میتوان با سه خط کد React در یک صفحه وب یا برنامه ادغام کرد و به توسعه دهندگان این امکان را میدهد که از طریق درخواست، با خروجیها بازی کنند.
یک مثال که این شرکت برای نشان دادن قابلیتهای خود استفاده کرد، نمایش بازیگران فیلمهای «هری پاتر» است. یک توسعهدهنده ممکن است آن را به صورت یک لیست ایجاد کرده باشد، اما یک طراح ممکن است یک چرخ فلک را توصیه کند. به جای اینکه مجبور به کدنویسی آن باشد، یک توسعهدهنده میتواند به C1 برگردد و به آن بگوید که بازیگران را در یک چرخ فلک نمایش دهد.
او گفت: «دفعه بعد که کاربر شما این را بپرسد، اکنون یک چرخ فلک است.»
راه حل رابط کاربری تولیدی C1
C1 به عنوان جایگزینی برای API LLM کار میکند. به عنوان مثال، اگر یک توسعهدهنده فرانتاند از API OpenAI استفاده میکند، توسعهدهندگان میتوانند API OpenAI را تغییر دهند و URL را از کتابخانه OpenAI به URL Thesys تغییر دهند تا طراحی را در زمان واقعی با اعلانها شروع کنند.
گوها گفت که C1 دو بخش دارد. خود API وجود دارد که به گونهای طراحی شده است که با OpenAI سازگار باشد. این بدان معناست که توسعهدهندگان میتوانند به استفاده از ابزارهای مورد علاقه خود، مانند سرورهای Model Context Protocol (MCP) و ادغامهای حافظه موجود، به جای یادگیری ابزارها یا راهحلهای جدید ادامه دهند.
او افزود که یک Thesys frontend SDK نیز وجود دارد که میتواند با پایگاه کد React موجود یک توسعهدهنده ادغام شود. راه حل Thesys با هر چیزی بالاتر از React 18 سازگار است.
Thesys، او توضیح داد، React را پخش نمیکند. این یک نمایش از رابط کاربری را پخش میکند و با استفاده از SDK، در سمت مصرف کننده به React تبدیل میشود.
C1 از Crayon، یک کیت ابزار UI دارای مجوز MIT برای ساختن عوامل هوش مصنوعی استفاده میکند. این توسط Thesys ایجاد شده است و هسته آن یک کتابخانه مبتنی بر React است که مدیریت وضعیت و ادغام بکاند را انتزاع میکند. طبق مستندات، سبک وزن است و میتوان آن را با هر سرور HTTP از جمله LangChain، CrewAI یا یک سرور FastAPI ساده که یک عامل مبتنی بر LLM را ارائه میدهد، ادغام کرد. این به گونهای طراحی شده است که به طور یکپارچه با C1 ادغام شود، اما هیچ وابستگی به Thesys ندارد.
مستندات C1 نشان میدهد که ابزار GenUI از Anthropic LLM Claude Sonnet 3.5 استفاده میکند. این شرکت قصد دارد پیشنهادات LLM را گسترش دهد تا توسعه دهندگان بتوانند مدلی را که با C1 مستقر میکنند انتخاب کنند.
یک زمین بازی برای توسعه دهندگان برای کشف C1 وجود دارد.
موارد استفاده محبوب: تجزیه و تحلیل و فرمها
C1 برای ایجاد صفحات فرود ساده طراحی نشده است.
گوها گفت: «اگر در حال ساختن، به عنوان مثال، یک صفحه فرود برای نمونه کار خود هستید، C1 توسط Thesys واقعاً به شما کمک زیادی نمیکند. اما اگر به فکر بازسازی نرم افزار CRM خود با هوش مصنوعی هستید، اینجاست که C1 توسط Thesys واقعاً میدرخشد.»
او گفت که قدرت واقعی آن در استفاده از دادهها است: «مردم میتوانند از ما تقریباً برای هر چیزی که در حال ساختن یک رابط هوش مصنوعی برای آن هستند استفاده کنند، اما اگر در مورد تجربیات خود صحبت کنید، تاکنون بزرگترین پیروزی را با موارد استفاده خاص تجزیه و تحلیل دیدهایم. تجزیه و تحلیل یکی از آن مکانهایی است که هوش مصنوعی نسبت به شما که مجبور به یادگیری Power BI هستید، برای مثال، یا شما مجبور به یادگیری نحوه ساخت داشبورد Salesforce هستید، برتری آشکاری دارد.»
یکی از مشتریان Thesys به طور خاص از C1 برای دادههای فروش استفاده میکند. مشتری قبلاً راه حلی ایجاد کرده بود که دادهها را از یک راه حل نرم افزار به عنوان سرویس و سایر منابع جمع آوری میکرد، سپس لایهای را با OpenAI در بالای آن ساخت که میتوانست پرس و جوها را درک کند و خروجی را برگرداند. کاربران میتوانستند بپرسند که چند مشتری در خط لوله در این ماه وجود دارد و تمام آن دادهها را واکشی میکند، آن را تجزیه و تحلیل میکند و نتایج را در متن تولید میکند.
او گفت: «آنها قبلاً این را میساختند، اما در درک چگونگی تجسم این دادهها، نحوه ارائه آن به روشی طبیعی و شهودی مشکل داشتند. شما این پاسخ را در متن دارید، اما متن احتمالاً بهترین راه برای نمایش این دادهها نیست. گاهی اوقات یک نمودار ممکن است راه طبیعیتری برای نمایش این دادهها باشد.»
این شرکت نقطه پایانی OpenAI خود را با API Thesys جایگزین کرد. اکنون مشتری میتواند سؤالات مختلفی بپرسد، مانند "چند نفر در حال حاضر از محصول ما استفاده میکنند؟" یا "چند مشتری را از دست دادیم؟"
گوها گفت: «این یک کامپوننت React زنده در فرانتاند، با دکمهها و فرمها و همه عناصر ایجاد میکند.»
شرکت دیگری با یک محصول فناوری آموزشی با یک مسابقه مبتنی بر متن به Thesys آمد: اساساً، یک سؤال میپرسید و کاربران باید پاسخ را در یک فیلد متنی تایپ میکردند. C1 توانست مسابقه را به فرمی با سؤالات چند گزینهای و دکمهها تبدیل کند.
گوها گفت: «بیایید بگوییم شما در حال ساختن یک نسخه هوش مصنوعی از یک مسابقه بسیار ساده هستید. بنابراین شما از Open AI استفاده کردهاید و به Open AI گفتهاید: «به من 10 سؤال بده و برای هر یک از این 10 سؤال، چهار گزینه به من بده و سپس یک مسابقه را بازی کن.» ما اساساً بر روی LLMهای موجود ساخته شدهایم، بنابراین تمام آن زمینه را درک میکنیم.»
او افزود که دادهها را نیز درک میکند. بنابراین یک نمایش UI از خروجی ایجاد میکند و به توسعهدهنده آن 10 سؤال را میدهد، اما آن را به عنوان یک فرم با چند گزینه، گزینههای دکمه ارائه میکند.
گوها گفت: «اینها بزرگترین موارد استفادهای هستند که ما میبینیم. اما هیچ محدودیتی برای کارهایی که میتوانید با آن انجام دهید وجود ندارد.»