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>

اجزا ویکھو · رہنما پڑھو (انگریزی وچ)