Token ole kwuru ka e mepụta UI
AI na-ede token ndị dị ntakịrị 26% site na Lyra UI.
Anyị gwara Claude Sonnet ka ọ mepụta otu interface nke nchepụta, dashboard na ntọala site na Lyra UI, site na React, Tailwind na shadcn/ui, yana site na HTML, CSS na JavaScript dị mfe (ọrụ 18). Site na Lyra UI, ọ dere token mmepụta dị ntakịrị 26% na ahịrị dị ntakịrị 46% karịa site na shadcn/ui, yana token dị ntakịrị 33% karịa site na HTML dị mfe, n'ihi na otu tag na-anọchi markup, nhazi style na steeti. Ọrụ Lyra gụkwara akwụkwọ ntụaka llms-full.txt, nke ndị nnọchi anya na-echekwa ma jiri ya ọzọ.
Ihe atụ
Interface nchepụta n'ime tag ole na ole.
<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>