Менше токенів для генерації інтерфейсу
ШІ пише на 26% менше токенів із Lyra UI.
Ми попросили Claude Sonnet створити однакові інтерфейси чату, панелі керування та налаштувань із Lyra UI, з React, Tailwind і shadcn/ui, а також зі звичайними HTML, CSS і JavaScript (18 запусків). З Lyra UI він написав на 26% менше вихідних токенів і на 46% менше рядків, ніж із shadcn/ui, та на 33% менше токенів, ніж зі звичайним HTML, адже один тег замінює розмітку, стилі та стан. Під час запусків із Lyra агент також читав довідник llms-full.txt, який агенти кешують і використовують повторно.
Приклад
Інтерфейс чату в кількох тегах.
<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>