Méně tokenů pro vygenerování rozhraní
AI s Lyra UI píše o 26 % méně tokenů.
Požádali jsme Claude Sonnet, aby vytvořil stejná rozhraní chatu, dashboardu a nastavení s Lyra UI, s React, Tailwind a shadcn/ui a také s čistým HTML, CSS a JavaScript (18 běhů). S Lyra UI napsal o 26 % méně výstupních tokenů a o 46 % méně řádků než se shadcn/ui a o 33 % méně tokenů než s čistým HTML, protože jedna značka nahrazuje značení, stylování i stav. Běhy s Lyra také četly referenci llms-full.txt, kterou agenti ukládají do mezipaměti a opakovaně používají.
Příklad
Chatové rozhraní v několika značkách.
<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>