Λιγότερα tokens για τη δημιουργία UI

Η AI γράφει 26% λιγότερα tokens με το Lyra UI.

Ζητήσαμε από το Claude Sonnet να δημιουργήσει τις ίδιες διεπαφές συνομιλίας, πίνακα ελέγχου και ρυθμίσεων με το Lyra UI, με React, Tailwind και shadcn/ui, και με απλό HTML, CSS και JavaScript (18 εκτελέσεις). Με το Lyra UI έγραψε 26% λιγότερα tokens εξόδου και 46% λιγότερες γραμμές απ' ό,τι με το shadcn/ui, και 33% λιγότερα tokens απ' ό,τι με απλό HTML, επειδή μία ετικέτα αντικαθιστά τη σήμανση, το στυλ και την κατάσταση. Οι εκτελέσεις με το Lyra διάβασαν επίσης την αναφορά llms-full.txt, την οποία οι πράκτορες αποθηκεύουν στην κρυφή μνήμη και την επαναχρησιμοποιούν.

Παράδειγμα

Μια διεπαφή συνομιλίας με λίγες ετικέτες.

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

Αναζήτηση στοιχείων · Διαβάστε τον οδηγό (στα αγγλικά)