UI बनाउन कम टोकन

Lyra UI सँग AI ले २६% कम टोकन लेख्छ।

हामीले 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>

घटकहरू हेर्नुहोस् · मार्गदर्शिका पढ्नुहोस् (अङ्ग्रेजीमा)