Mniej tokenów do wygenerowania interfejsu
AI zapisuje o 26% mniej tokenów z Lyra UI.
Poprosiliśmy Claude Sonnet o zbudowanie tych samych interfejsów czatu, panelu i ustawień z Lyra UI, z React, Tailwind i shadcn/ui oraz ze zwykłym HTML, CSS i JavaScript (18 uruchomień). Z Lyra UI wygenerował o 26% mniej tokenów wyjściowych i o 46% mniej linii niż z shadcn/ui oraz o 33% mniej tokenów niż ze zwykłym HTML, ponieważ jeden znacznik zastępuje markup, stylowanie i stan. Uruchomienia z Lyra odczytywały też dokumentację llms-full.txt, którą agenci buforują i ponownie wykorzystują.
Przykład
Interfejs czatu w kilku znacznikach.
<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>