Vähemmän tokeneita käyttöliittymän luomiseen
Tekoäly kirjoittaa 26 % vähemmän tokeneita Lyra UI:n kanssa.
Pyysimme Claude Sonnetia rakentamaan samat chat-, kojelauta- ja asetuskäyttöliittymät Lyra UI:lla, Reactilla, Tailwindilla ja shadcn/ui:lla sekä pelkällä HTML:llä, CSS:llä ja JavaScriptillä (18 ajoa). Lyra UI:n kanssa se kirjoitti 26 % vähemmän tulostetokeneita ja 46 % vähemmän rivejä kuin shadcn/ui:n kanssa sekä 33 % vähemmän tokeneita kuin pelkällä HTML:llä, koska yksi tagi korvaa merkintäkielen, tyylit ja tilan. Lyra-ajoissa luettiin myös llms-full.txt-viite, jonka agentit tallentavat välimuistiin ja käyttävät uudelleen.
Esimerkki
Chat-käyttöliittymä muutamalla tagilla.
<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>