Weniger Tokens für die Erstellung einer Benutzeroberfläche
KI schreibt mit Lyra UI 26 % weniger Tokens.
Wir haben Claude Sonnet gebeten, dieselben Chat-, Dashboard- und Einstellungsoberflächen mit Lyra UI, mit React, Tailwind und shadcn/ui sowie mit reinem HTML, CSS und JavaScript zu erstellen (18 Durchläufe). Mit Lyra UI schrieb es 26 % weniger Ausgabe-Tokens und 46 % weniger Zeilen als mit shadcn/ui sowie 33 % weniger Tokens als mit reinem HTML, weil ein einzelnes Tag Markup, Styling und Zustand ersetzt. Die Lyra-Durchläufe lasen ausserdem die Referenz llms-full.txt, die Agenten zwischenspeichern und wiederverwenden.
Beispiel
Eine Chat-Oberfläche in wenigen 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>