OpenUI: استاندارد باز رابط کاربری تولیدی
خلاصهٔ کاملتر
OpenUI یه تولکیت متنباز از تیم thesys برای چیزیه که بهش میگن Generative UI: ایجنت هوش مصنوعی بهجای دیوار متن، با رابط کاربری خودِ محصول تو جواب میده. جریان کار چهار قدمه؛ اول کامپوننتهات رو با defineComponent و createLibrary ثبت میکنی، بعد OpenUI از همون کتابخونه یه پرامپت سیستمی میسازه و میفرسته به مدل.
مدل خروجی رو نه به شکل JSON سنگین، بلکه تو یه زبان خطمحور و کمتوکن به اسم OpenUI Lang برمیگردونه و رندرر همونطور که توکنها میرسن پارسش میکنه و UI رو میسازه. طبق بنچمارک خود پروژه، این مسیر در مقایسه با رندر مبتنی بر JSON سه برابر سریعتر رندر میشه و ۶۷ درصد توکن کمتری مصرف میکنه.
نکتهٔ امنیتیاش هم همینه که مدل هیچ کد دلخواهی اجرا نمیکنه و فقط کامپوننتهای ثبتشدهٔ خودت رو ترکیب میکنه. یه اسپک واحد به React، React Native، Vue و بقیه رندر میشه، رابطها میتونن موقع اجرا از ابزارها و سرورهای MCP دادهٔ زنده بگیرن، و حالتهای واکنشی و ورودی و اکشن هم پشتیبانی میشن. کنارش با کتابخونههای آمادهٔ رایج مثل ShadCN، Material و DaisyUI و فریمورکهای ایجنتی مثل Vercel AI SDK و LangChain کار میکنه.
تیم سازنده تازه نسخهٔ ابریاش، OpenUI Cloud، رو هم معرفی کرده که سراغ دردسرهای پروडاکشن میره: کامپوننتهای تستشده و ریسپانسیو، اعمال دیزاینسیستم خودت، اعتبارسنجی خروجی مدل قبل از اینکه به UI خراب تبدیل بشه، پین کردن نسخه و فالبک بین ارائهدهندهها، و رصد هزینه و خطا. خروجی گرفتن به شکل PPTX و PDF هم هست. پروژه فعلاً حدود ۷ هزار ستاره و بیش از یک میلیون دانلود داره.
نکات کلیدی:
- تولکیت متنباز برای اینکه ایجنتها با کامپوننتهای خودت جواب بدن، نه با متن خام
- ثبت کتابخونه با defineComponent و createLibrary، ساخت خودکار پرامپت سیستمی
- خروجی مدل تو زبان خطمحور OpenUI Lang؛ ادعای رندر ۳ برابر سریعتر با ۶۷٪ توکن کمتر
- مدل کد دلخواه اجرا نمیکنه؛ فقط کامپوننتهای ثبتشده رو ترکیب میکنه
- یه اسپک، رندر روی React، React Native و Vue؛ دادهٔ زنده از ابزارها و MCP
- نسخهٔ OpenUI Cloud برای اعتبارسنجی خروجی، دیزاینسیستم اختصاصی و رصد پروداکشن




