UI ٺاهڻ لاءِ گھٽ ٽوڪن

Lyra UI سان AI 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>

جزا ڏسو · رهنمائي پڙهو (انگريزي ۾)