Manj žetonov za ustvarjanje uporabniškega vmesnika

Umetna inteligenca z Lyra UI napiše 26 % manj žetonov.

Claude Sonnet smo prosili, naj zgradi enake vmesnike za klepet, nadzorno ploščo in nastavitve z Lyra UI, z React, Tailwind in shadcn/ui ter s čistim HTML, CSS in JavaScript (18 zagonov). Z Lyra UI je napisal 26 % manj izhodnih žetonov in 46 % manj vrstic kot s shadcn/ui ter 33 % manj žetonov kot s čistim HTML, ker ena oznaka nadomesti oznake, slogovanje in stanje. Zagoni z Lyra so brali tudi referenco llms-full.txt, ki jo agenti predpomnijo in ponovno uporabljajo.

Primer

Vmesnik za klepet v nekaj oznakah.

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

Brskajte po komponentah · Preberite vodnik (v angleščini)