Lebih sedikit token untuk membuat UI
AI menulis 26% lebih sedikit token dengan Lyra UI.
Kami meminta Claude Sonnet membangun antarmuka obrolan, dasbor, dan pengaturan yang sama dengan Lyra UI, dengan React, Tailwind, dan shadcn/ui, serta dengan HTML, CSS, dan JavaScript biasa (18 kali percobaan). Dengan Lyra UI, Claude menulis 26% lebih sedikit token keluaran dan 46% lebih sedikit baris dibandingkan shadcn/ui, serta 33% lebih sedikit token dibandingkan HTML biasa, karena satu tag menggantikan markup, penataan gaya, dan state. Percobaan dengan Lyra juga membaca referensi llms-full.txt, yang disimpan dalam cache dan digunakan ulang oleh agen.
Contoh
Antarmuka obrolan hanya dengan beberapa tag.
<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>