Lebih sedikit token untuk menjana UI
AI menulis 26% lebih sedikit token dengan Lyra UI.
Kami meminta Claude Sonnet membina antara muka sembang, papan pemuka dan tetapan yang sama dengan Lyra UI, dengan React, Tailwind dan shadcn/ui, serta dengan HTML, CSS dan JavaScript biasa (18 larian). Dengan Lyra UI, ia menulis 26% lebih sedikit token output dan 46% lebih sedikit baris berbanding shadcn/ui, serta 33% lebih sedikit token berbanding HTML biasa, kerana satu tag menggantikan markup, penggayaan dan keadaan. Larian Lyra juga membaca rujukan llms-full.txt, yang disimpan dalam cache dan digunakan semula oleh ejen.
Contoh
Antara muka sembang dalam 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>