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>

ଉପାଦାନ ଦେଖନ୍ତୁ · ମାର୍ଗଦର୍ଶିକା ପଢ଼ନ୍ତୁ (ଇଂରାଜୀରେ)