Færre tokens til at generere en brugerflade
AI skriver 26 % færre tokens med Lyra UI.
Vi bad Claude Sonnet om at bygge de samme chat-, dashboard- og indstillingsgrænseflader med Lyra UI, med React, Tailwind og shadcn/ui samt med almindelig HTML, CSS og JavaScript (18 kørsler). Med Lyra UI skrev den 26 % færre output-tokens og 46 % færre linjer end med shadcn/ui og 33 % færre tokens end med almindelig HTML, fordi ét tag erstatter markup, styling og tilstand. Lyra-kørslerne læste også referencen llms-full.txt, som agenter cacher og genbruger.
Eksempel
En chatgrænseflade i få 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>