توکن‌های کمتر برای تولید یک رابط کاربری

هوش مصنوعی با Lyra UI ۲۶٪ توکن کمتر می‌نویسد.

از 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>

مرور کامپوننت‌ها · رهنما را بخوانید (به انگلیسی)