Меньше токенов для генерации интерфейса
ИИ пишет на 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>