Menos tokens para gerar uma interface
A IA escreve 26% menos tokens com o Lyra UI.
Pedimos ao Claude Sonnet que criasse as mesmas interfaces de chat, painel e configurações com o Lyra UI, com React, Tailwind e shadcn/ui, e com HTML, CSS e JavaScript puros (18 execuções). Com o Lyra UI, ele escreveu 26% menos tokens de saída e 46% menos linhas do que com shadcn/ui, e 33% menos tokens do que com HTML puro, porque uma única tag substitui marcação, estilo e estado. As execuções com o Lyra também leram a referência llms-full.txt, que os agentes mantêm em cache e reutilizam.
Exemplo
Uma interface de chat em poucas tags.
<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>