Luwih sithik token kanggo gawé UI
AI nulis 26% luwih sithik token nganggo Lyra UI.
Kita njaluk Claude Sonnet mbangun antarmuka chat, dasbor, lan setelan sing padha nganggo Lyra UI, nganggo React, Tailwind lan shadcn/ui, lan nganggo HTML, CSS lan JavaScript polos (18 kaping dijalanaké). Nganggo Lyra UI, dhèwèké nulis 26% luwih sithik token output lan 46% luwih sithik baris tinimbang nganggo shadcn/ui, lan 33% luwih sithik token tinimbang nganggo HTML polos, amarga siji tag ngganti markup, gaya, lan status. Panjalanan Lyra uga maca rujukan llms-full.txt, sing disimpen lan dipakai manèh déning agen.
Tuladha
Antarmuka chat mung nganggo sawetara 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>