Mai puține tokenuri pentru a genera o interfață
IA-ul scrie cu 26% mai puține tokenuri cu Lyra UI.
Am cerut lui Claude Sonnet să construiască aceleași interfețe de chat, dashboard și setări cu Lyra UI, cu React, Tailwind și shadcn/ui, precum și cu HTML, CSS și JavaScript simplu (18 rulări). Cu Lyra UI a scris cu 26% mai puține tokenuri de ieșire și cu 46% mai puține linii decât cu shadcn/ui, și cu 33% mai puține tokenuri decât cu HTML simplu, deoarece o singură etichetă înlocuiește markup-ul, stilizarea și starea. Rulările cu Lyra au citit și referința llms-full.txt, pe care agenții o păstrează în cache și o reutilizează.
Exemplu
O interfață de chat în doar câteva etichete.
<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>