Menos tokens para generar una interfaz
La IA escribe un 26 % menos de tokens con Lyra UI.
Le pedimos a Claude Sonnet que construyera las mismas interfaces de chat, panel de control y ajustes con Lyra UI, con React, Tailwind y shadcn/ui, y con HTML, CSS y JavaScript simples (18 ejecuciones). Con Lyra UI escribió un 26 % menos de tokens de salida y un 46 % menos de líneas que con shadcn/ui, y un 33 % menos de tokens que con HTML simple, porque una sola etiqueta reemplaza el marcado, los estilos y el estado. Las ejecuciones con Lyra también leyeron la referencia llms-full.txt, que los agentes almacenan en caché y reutilizan.
Ejemplo
Una interfaz de chat en unas pocas etiquetas.
<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>