Manje tokena za generiranje sučelja
AI s Lyra UI-jem piše 26% manje tokena.
Zamolili smo Claude Sonnet da izradi ista sučelja za chat, nadzornu ploču i postavke pomoću Lyra UI-ja, pomoću Reacta, Tailwinda i shadcn/ui te pomoću običnog HTML-a, CSS-a i JavaScripta (18 pokretanja). S Lyra UI-jem napisao je 26% manje izlaznih tokena i 46% manje redaka nego sa shadcn/ui te 33% manje tokena nego s običnim HTML-om, jer jedna oznaka zamjenjuje markup, stiliziranje i stanje. Pokretanja s Lyrom čitala su i referencu llms-full.txt, koju agenti spremaju u predmemoriju i ponovno koriste.
Primjer
Sučelje za chat u nekoliko oznaka.
<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>