Minder tokens om een UI te genereren
AI schrijft 26% minder tokens met Lyra UI.
We vroegen Claude Sonnet dezelfde chat-, dashboard- en instellingeninterfaces te bouwen met Lyra UI, met React, Tailwind en shadcn/ui, en met gewone HTML, CSS en JavaScript (18 runs). Met Lyra UI schreef het 26% minder outputtokens en 46% minder regels dan met shadcn/ui, en 33% minder tokens dan met gewone HTML, omdat één tag markup, styling en state vervangt. De Lyra-runs lazen ook de referentie llms-full.txt, die agents cachen en hergebruiken.
Voorbeeld
Een chatinterface in een paar 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>