Menos tokens para gerar uma interface

A IA escreve 26% menos tokens com o Lyra UI.

Pedimos ao Claude Sonnet que criasse as mesmas interfaces de chat, painel de controlo e definições com o Lyra UI, com React, Tailwind e shadcn/ui, e com HTML, CSS e JavaScript simples (18 execuções). Com o Lyra UI, escreveu menos 26% de tokens de saída e menos 46% de linhas do que com shadcn/ui, e menos 33% de tokens do que com HTML simples, porque uma única etiqueta substitui a marcação, o estilo e o estado. As execuções com o Lyra também leram a referência llms-full.txt, que os agentes guardam em cache e reutilizam.

Exemplo

Uma interface de chat com poucas 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>

Explorar componentes · Leia o guia (em inglês)