UI ထုတ်လုပ်ရန် token ပိုနည်းသည်

Lyra UI ဖြင့် AI က token ၂၆% လျော့ရေးသည်။

Claude Sonnet ကို တူညီသော chat၊ dashboard နှင့် settings မျက်နှာပြင်များကို Lyra UI ဖြင့်၊ React၊ Tailwind နှင့် shadcn/ui ဖြင့်၊ ထို့ပြင် သာမန် HTML၊ CSS နှင့် JavaScript ဖြင့် တည်ဆောက်ခိုင်းခဲ့သည် (အကြိမ် ၁၈ ကြိမ်)။ Lyra UI ဖြင့် shadcn/ui ထက် output token ၂၆% နှင့် စာကြောင်း ၄၆% ပိုနည်းစွာ ရေးခဲ့ပြီး သာမန် HTML ထက် token ၃၃% ပိုနည်းသည်။ အဘယ့်ကြောင့်ဆိုသော် tag တစ်ခုက markup၊ styling နှင့် state ကို အစားထိုးပေးသောကြောင့် ဖြစ်သည်။ Lyra ဖြင့် ပြေးသည့်အကြိမ်များတွင် အေးဂျင့်များ cache လုပ်ပြီး ပြန်သုံးနိုင်သော llms-full.txt ကိုးကားစာတမ်းကိုလည်း ဖတ်ခဲ့သည်။

နမူနာ

tag အနည်းငယ်ဖြင့် chat မျက်နှာပြင်တစ်ခု။

<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>

အစိတ်အပိုင်းများ ကြည့်ပါ · လမ်းညွှန်ကို ဖတ်ရန် (အင်္ဂလိပ်ဘာသာ)