د UI جوړولو لپاره لږ ټوکنونه

AI د Lyra UI سره ۲۶٪ لږ ټوکنونه لیکي.

موږ له Claude Sonnet څخه وغوښتل چې ورته چیټ، ډېشبورډ او تنظیماتو انٹرفیسونه د Lyra UI سره، د React، Tailwind او shadcn/ui سره، او د ساده HTML، CSS او JavaScript سره جوړ کړي (۱۸ ځلې اجرا). د Lyra UI سره یې له shadcn/ui پرتله ۲۶٪ لږ وتلي ټوکنونه او ۴۶٪ لږ کرښې ولیکلې، او له ساده 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>

برخې وګورئ · لارښود ولولئ (په انګلیسي)