Færre tokens for å generere et grensesnitt

KI skriver 26 % færre tokens med Lyra UI.

Vi ba Claude Sonnet bygge de samme grensesnittene for chat, dashbord og innstillinger med Lyra UI, med React, Tailwind og shadcn/ui, og med ren HTML, CSS og JavaScript (18 kjøringer). Med Lyra UI skrev den 26 % færre utdatatokens og 46 % færre linjer enn med shadcn/ui, og 33 % færre tokens enn med ren HTML, fordi én tagg erstatter markering, stiling og tilstand. Lyra-kjøringene leste også referansen llms-full.txt, som agenter bufrer og gjenbruker.

Eksempel

Et chatgrensesnitt i noen få tagger.

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

Utforsk komponenter · Les veiledningen (engelsk)