Färre tokens för att generera ett gränssnitt
AI skriver 26 % färre tokens med Lyra UI.
Vi bad Claude Sonnet att bygga samma chatt-, instrumentpanels- och inställningsgränssnitt med Lyra UI, med React, Tailwind och shadcn/ui samt med ren HTML, CSS och JavaScript (18 körningar). Med Lyra UI skrev den 26 % färre utdatatokens och 46 % färre rader än med shadcn/ui, och 33 % färre tokens än med ren HTML, eftersom en enda tagg ersätter uppmärkning, formgivning och tillstånd. Körningarna med Lyra läste dessutom referensen llms-full.txt, som agenter cachar och återanvänder.
Exempel
Ett chattgränssnitt i några få taggar.
<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>