UI yaratish uchun kamroq token
Lyra UI bilan sun’iy intellekt 26% kamroq token yozadi.
Biz Claude Sonnet’dan bir xil chat, boshqaruv paneli va sozlamalar interfeyslarini Lyra UI bilan, React, Tailwind va shadcn/ui bilan hamda oddiy HTML, CSS va JavaScript bilan yaratishni so‘radik (18 ta sinov). Lyra UI bilan u shadcn/ui’ga qaraganda 26% kamroq chiqish tokenini va 46% kamroq kod qatorini, oddiy HTML’ga qaraganda esa 33% kamroq token yozdi, chunki bitta teg belgilash kodi, uslub va holat o‘rnini bosadi. Lyra sinovlarida agentlar keshlab, qayta ishlatadigan llms-full.txt ma’lumotnomasi ham o‘qildi.
Misol
Chat interfeysi bir necha tegda.
<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>