UI жасау үшін аз токен
Lyra UI көмегімен жасанды интеллект 26% аз токен жазады.
Біз Claude Sonnet-тен бірдей чат, басқару тақтасы және баптау интерфейстерін Lyra UI арқылы, React, Tailwind және shadcn/ui арқылы, сондай-ақ таза HTML, CSS және JavaScript арқылы жасауды сұрадық (18 жүгіру). Lyra UI көмегімен ол shadcn/ui-мен салыстырғанда шығыс токендерін 26% аз және жолдарды 46% аз жазды, ал таза HTML-мен салыстырғанда токендер 33% аз болды, себебі бір тег белгілеуді, стильді және күйді алмастырады. 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>