প্রকল্প সম্পর্কে

OpenUI হল জেনারেটিভ UI অ্যাপ্লিকেশন তৈরির জন্য একটি ওপেন-সোর্স ফ্রেমওয়ার্ক, যেখানে AI মডেলগুলি সাধারণ টেক্সটের পরিবর্তে কাঠামোবদ্ধ, ইন্টারঅ্যাকটিভ ইউজার ইন্টারফেস তৈরি করে। এর মূল ভিত্তি হল OpenUI Lang, একটি কমপ্যাক্ট, স্ট্রিমিং-ফার্স্ট ভাষা যা বিশেষভাবে মডেল-জেনারেটেড UI আউটপুটের জন্য ডিজাইন করা হয়েছে। ফ্রেমওয়ার্কটি রেন্ডারার-অ্যাগনস্টিক, অর্থাৎ এটি কোনো একক ফ্রন্টএন্ড ফ্রেমওয়ার্কের সাথে আবদ্ধ নয়, যদিও এটি অফিসিয়াল React সাপোর্ট এবং Vue 3 ও Svelte 5-এর জন্য কমিউনিটি-রক্ষণাবেক্ষণকৃত বাইন্ডিং সহ আসে। কেন্দ্রীয় কাজের প্রক্রিয়াটি সহজ: ডেভেলপাররা একটি কম্পোনেন্ট লাইব্রেরি (চার্ট, ফর্ম, টেবিল, লেআউট ইত্যাদি) সংজ্ঞায়িত বা পুনঃব্যবহার করেন, OpenUI সেই লাইব্রেরি থেকে একটি সিস্টেম প্রম্পট তৈরি করে, প্রম্পটটি একটি LLM-এ পাঠানো হয়, এবং মডেলটি OpenUI Lang আউটপুট ক্লায়েন্টে স্ট্রিম করে, যেখানে একটি রেন্ডারার টোকেন আসার সাথে সাথে ধীরে ধীরে UI পার্স এবং রেন্ডার করে। এই স্ট্রিমিং-ফার্স্ট ডিজাইনের অর্থ হল ব্যবহারকারীরা সম্পূর্ণ প্রতিক্রিয়ার জন্য অপেক্ষা না করে রিয়েল টাইমে ইন্টারফেসটি তৈরি হতে দেখেন। একটি মূল পার্থক্য হল টোকেন দক্ষতা। সাতটি UI পরিস্থিতিতে tiktoken (GPT-5 এনকোডার) দিয়ে পরিমাপ করা বেঞ্চমার্ক দেখায় যে OpenUI Lang সমতুল্য JSON-ভিত্তিক ফরম্যাটের তুলনায় ৬৭% পর্যন্ত কম টোকেন ব্যবহার করে, যেখানে Vercel-এর JSON-Render-এর তুলনায় গড়ে প্রায় ৫২.৮% এবং Thesys C1 JSON-এর তুলনায় ৫১.৭% হ্রাস পাওয়া যায়। কম টোকেন সংখ্যা ল্যাটেন্সি, API খরচ এবং প্রথম-পিক্সেল-সময় হ্রাস করে। প্রকল্পটি একটি মনোরেপো হিসাবে সংগঠিত যেখানে একাধিক প্যাকেজ রয়েছে। @openuidev/lang-core ফ্রেমওয়ার্ক-অ্যাগনস্টিক পার্সিং, প্রম্পট জেনারেশন এবং রানটাইম মূল্যায়ন প্রদান করে, যেখানে কোনো React, Vue, বা Svelte নির্ভরতা নেই। @openuidev/react-lang React রেন্ডারিং রানটাইম, কম্পোনেন্ট লাইব্রেরি সংজ্ঞা এবং প্রম্পট জেনারেশন পরিচালনা করে। @openuidev/react-headless হেডলেস চ্যাট স্টেট ম্যানেজমেন্ট এবং স্ট্রিমিং অ্যাডাপ্টার প্রদান করে যারা নিজস্ব UI আনতে চান তাদের জন্য। @openuidev/react-ui প্রি-বিল্ট চ্যাট লেআউট এবং দুটি অন্তর্নির্মিত কম্পোনেন্ট লাইব্রেরি সরবরাহ করে একটি কার্যকরী চ্যাট অভিজ্ঞতার দ্রুততম পথের জন্য। @openuidev/react-email মডেল-জেনারেটেড ইমেলের জন্য React Email কম্পোনেন্ট সংজ্ঞা যোগ করে। @openuidev/langchain LangChain এবং LangGraph এজেন্টদের সাথে সংহত করে, AG-UI-এর মাধ্যমে OpenUI স্ট্রিম করে। @openuidev/browser-bundle CDN, iframe, এবং নো-বিল্ড এমবেডের জন্য একটি প্রি-বিল্ট স্ক্রিপ্ট-ট্যাগ বান্ডল পাঠায়। @openuidev/cli নতুন প্রকল্প স্ক্যাফোল্ড করে এবং লাইব্রেরি সংজ্ঞা থেকে সিস্টেম প্রম্পট বা JSON স্কিমা তৈরি করে। কম্পোনেন্ট কন্ট্রাক্টগুলি Zod স্কিমা দিয়ে সংজ্ঞায়িত করা হয়, যা আগে থেকেই টাইপড প্রপস এবং কাঠামো দেয়। ফ্রেমওয়ার্কটি বিল্ট-ইন ডেটা ফেচিং, মাল্টি-প্ল্যাটফর্ম আউটপুট (ওয়েব, মোবাইল, ইমেল) এবং সামঞ্জস্যপূর্ণ আউটপুট ফরম্যাটিং সমর্থন করে। ডিফল্ট কম্পোনেন্ট লাইব্রেরির সাথে লাইভ পরীক্ষার জন্য openui.com/playground-এ একটি প্লেগ্রাউন্ড উপলব্ধ। OpenUI একটি এজেন্ট স্কিলও পাঠায় যা Claude Code, Codex, Cursor, এবং Copilot-এর মতো AI কোডিং সহায়কদের সাথে সংহত হয়, যা কম্পোনেন্ট লাইব্রেরি ডিজাইন, OpenUI Lang সিনট্যাক্স, সিস্টেম প্রম্পট জেনারেশন, রেন্ডারার, SDK প্যাকেজ এবং ত্রুটিপূর্ণ LLM আউটপুট ডিবাগিং কভার করে। প্রকল্পটি MIT লাইসেন্সের অধীনে এবং Thesys দ্বারা রক্ষণাবেক্ষণ করা হয়, একটি সক্রিয় Discord সম্প্রদায় এবং ক্রমবর্ধমান গ্রহণকারীদের তালিকা সহ।