Ƙarancin token wajen samar da UI
AI na rubuta token 26% ƙasa da Lyra UI.
Mun nemi Claude Sonnet ya gina mu’amalar hira, dashboard da saituna iri ɗaya da Lyra UI, da React, Tailwind da shadcn/ui, da kuma HTML, CSS da JavaScript na yau da kullum (gwaje-gwaje 18). Da Lyra UI ya rubuta token na fitarwa 26% ƙasa da layuka 46% ƙasa fiye da shadcn/ui, da token 33% ƙasa fiye da HTML na yau da kullum, saboda tag ɗaya yana maye gurbin markup, salo da state. Gwaje-gwajen Lyra kuma sun karanta takardar llms-full.txt, wadda wakilai ke adanawa (cache) su sake amfani da ita.
Misali
Mu’amalar hira a cikin 'yan tags kaɗan.
<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>