Færre token for å generere eit brukargrensesnitt
KI skriv 26 % færre token med Lyra UI.
Vi bad Claude Sonnet om å byggje dei same grensesnitta for chat, dashbord og innstillingar med Lyra UI, med React, Tailwind og shadcn/ui, og med reint HTML, CSS og JavaScript (18 køyringar). Med Lyra UI skreiv han 26 % færre utdata-token og 46 % færre liner enn med shadcn/ui, og 33 % færre token enn med reint HTML, fordi éi merkelapp erstattar oppmerking, stilsetting og tilstand. Køyringane med Lyra las òg referansen llms-full.txt, som agentar mellomlagrar og brukar om att.
Døme
Eit chatgrensesnitt i nokre få merkelappar.
<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>