Ít token hơn để tạo giao diện
AI viết ít hơn 26% token với Lyra UI.
Chúng tôi yêu cầu Claude Sonnet xây dựng cùng các giao diện trò chuyện, bảng điều khiển và cài đặt bằng Lyra UI, bằng React, Tailwind và shadcn/ui, cũng như bằng HTML, CSS và JavaScript thuần (18 lần chạy). Với Lyra UI, mô hình viết ít hơn 26% token đầu ra và ít hơn 46% dòng so với shadcn/ui, đồng thời ít hơn 33% token so với HTML thuần, vì một thẻ thay thế cho mã đánh dấu, kiểu dáng và trạng thái. Các lần chạy với Lyra cũng đọc tài liệu tham chiếu llms-full.txt, thứ mà tác nhân có thể lưu đệm và tái sử dụng.
Ví dụ
Một giao diện trò chuyện chỉ với vài thẻ.
<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>