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

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

از Claude Sonnet خواستیم رابط‌های گفتگو، داشبورد و تنظیمات یکسانی را با Lyra UI، با React، Tailwind و shadcn/ui، و با HTML، CSS و JavaScript ساده بسازد (۱۸ اجرا). با 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>

مرور اجزا · راهنما را بخوانید (به انگلیسی)