Moins de jetons pour générer une interface
L’IA écrit 26 % de jetons en moins avec Lyra UI.
Nous avons demandé à Claude Sonnet de créer les mêmes interfaces de chat, de tableau de bord et de paramètres avec Lyra UI, avec React, Tailwind et shadcn/ui, puis avec du HTML, du CSS et du JavaScript simples (18 exécutions). Avec Lyra UI, il a écrit 26 % de jetons de sortie en moins et 46 % de lignes en moins qu’avec shadcn/ui, et 33 % de jetons en moins qu’avec du HTML simple, car une seule balise remplace le balisage, le style et l’état. Les exécutions avec Lyra ont aussi lu la référence llms-full.txt, que les agents mettent en cache et réutilisent.
Exemple
Une interface de chat en quelques balises.
<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>