UI তৈরিতে কম টোকেন

Lyra UI দিয়ে AI ২৬% কম টোকেন লেখে।

আমরা Claude Sonnet-কে একই চ্যাট, ড্যাশবোর্ড ও সেটিংস ইন্টারফেস তৈরি করতে বলেছিলাম: একবার Lyra UI দিয়ে, একবার React, Tailwind ও shadcn/ui দিয়ে, আর একবার সাধারণ HTML, CSS ও JavaScript দিয়ে (মোট 18টি রান)। Lyra UI দিয়ে shadcn/ui-এর তুলনায় আউটপুট টোকেন ২৬% কম ও লাইন ৪৬% কম লেগেছে, আর সাধারণ HTML-এর তুলনায় টোকেন ৩৩% কম লেগেছে, কারণ একটি ট্যাগই মার্কআপ, স্টাইলিং ও স্টেটের কাজ করে। Lyra-র রানগুলো llms-full.txt রেফারেন্সও পড়েছে, যা এজেন্টরা ক্যাশ করে আবার ব্যবহার করে।

উদাহরণ

কয়েকটি ট্যাগে একটি চ্যাট ইন্টারফেস।

<script type="module">
  import '@aceshooting/lyra-ui/components/lr-chat-viewport.js';
  import '@aceshooting/lyra-ui/components/lr-chat-message.js';
  import '@aceshooting/lyra-ui/components/lr-chat-composer.js';
</script>

<lr-chat-viewport>
  <lr-chat-message message-role="user">Summarize this report.</lr-chat-message>
  <lr-chat-message message-role="assistant" status="streaming">Here are the key points…</lr-chat-message>
</lr-chat-viewport>
<lr-chat-composer placeholder="Ask anything"></lr-chat-composer>

কম্পোনেন্ট দেখুন · নির্দেশিকা পড়ুন (ইংরেজিতে)