Kevesebb token egy felület generálásához

Az MI 26%-kal kevesebb tokent ír a Lyra UI-jal.

Megkértük a Claude Sonnetet, hogy ugyanazt a csevegő-, vezérlőpult- és beállításfelületet építse meg Lyra UI-jal, Reacttel, Tailwinddel és shadcn/ui-val, valamint sima HTML-lel, CSS-sel és JavaScripttel (18 futtatás). A Lyra UI-jal 26%-kal kevesebb kimeneti tokent és 46%-kal kevesebb sort írt, mint a shadcn/ui-val, és 33%-kal kevesebb tokent, mint sima HTML-lel, mert egyetlen tag kiváltja a jelölést, a stílusozást és az állapotkezelést. A Lyra-futtatások az llms-full.txt hivatkozást is beolvasták, amelyet az ügynökök gyorsítótárazhatnak és újra felhasználhatnak.

Példa

Csevegőfelület néhány tagben.

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

Böngésszen az összetevők között · Útmutató olvasása (angolul)