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>

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