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>

घटक ब्राउझ करा · मार्गदर्शक वाचा (इंग्रजीत)