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>

घटक देखीं · गाइड पढ़ीं (अंग्रेजी में)