Meno token per generare un’interfaccia
L’IA scrive il 26% di token in meno con Lyra UI.
Abbiamo chiesto a Claude Sonnet di creare le stesse interfacce di chat, dashboard e impostazioni con Lyra UI, con React, Tailwind e shadcn/ui, e con semplice HTML, CSS e JavaScript (18 esecuzioni). Con Lyra UI ha scritto il 26% di token di output in meno e il 46% di righe in meno rispetto a shadcn/ui, e il 33% di token in meno rispetto all’HTML semplice, perché un solo tag sostituisce markup, stile e stato. Le esecuzioni con Lyra hanno inoltre letto il riferimento llms-full.txt, che gli agenti mettono in cache e riutilizzano.
Esempio
Un’interfaccia di chat in pochi 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>