Tokeniin xiqqaa UI uumuuf
AI Lyra UI waliin tokeniin 26% xiqqaa barreessa.
Claude Sonnet interfeesii haasaa, dashboordii fi qindaaʼina tokkicha Lyra UI'n, React, Tailwind fi shadcn/ui'n, akkasumas HTML, CSS fi JavaScript salphaadhaan akka ijaaru gaafanne (yeroo 18 hojjetame). Lyra UI'n tokeniin bifa ba'umsaa 26% xiqqaa fi sarara koodii 46% xiqqaa shadcn/ui caalaa barreesse, HTML salphaa caalaa immoo tokeniin 33% xiqqaa barreesse, sababni isaas mallattoon tokko markup, miidhagsa fi haala (state) bakka bu'uu isaati. Hojiin Lyra akkasumas wabii llms-full.txt dubbiseera; ergamoonni wabii kana kaashii (cache) godhanii deebisanii fayyadamu.
Fakkeenya
Interfeesii haasaa mallattoo muraasaan.
<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>