Mas kaunting token para makabuo ng UI

Mas kaunti ng 26% ang token na isinusulat ng AI gamit ang Lyra UI.

Pinagawa namin kay Claude Sonnet ang parehong chat, dashboard at settings interface gamit ang Lyra UI, gamit ang React, Tailwind at shadcn/ui, at gamit ang payak na HTML, CSS at JavaScript (18 run). Sa Lyra UI, 26% na mas kaunting output token at 46% na mas kaunting linya ang naisulat nito kumpara sa shadcn/ui, at 33% na mas kaunting token kumpara sa payak na HTML, dahil isang tag ang pumapalit sa markup, styling at state. Binasa rin ng mga Lyra run ang reference na llms-full.txt, na kine-cache at ginagamit muli ng mga agent.

Halimbawa

Isang chat interface sa ilang tag lang.

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

Tingnan ang mga komponent · Basahin ang gabay (Ingles)