UI உருவாக்க குறைவான டோக்கன்கள்

Lyra UI உடன் AI 26% குறைவான டோக்கன்களை எழுதுகிறது.

அதே அரட்டை, டாஷ்போர்டு, அமைப்புகள் இடைமுகங்களை Lyra UI உடன், React, Tailwind, shadcn/ui உடன், மேலும் எளிய HTML, CSS, JavaScript உடன் உருவாக்குமாறு Claude Sonnet-ஐக் கேட்டோம் (18 ஓட்டங்கள்). Lyra UI உடன் அது shadcn/ui-ஐ விட 26% குறைவான வெளியீட்டு டோக்கன்களையும் 46% குறைவான வரிகளையும், எளிய HTML-ஐ விட 33% குறைவான டோக்கன்களையும் எழுதியது; ஏனெனில் ஒரு குறிச்சொல் markup, பாணி, நிலை ஆகியவற்றை மாற்றுகிறது. 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>

கூறுகளைப் பார்க்கவும் · வழிகாட்டியைப் படிக்கவும் (ஆங்கிலத்தில்)