Leuwih saeutik token pikeun ngahasilkeun UI
AI nulis 26% leuwih saeutik token jeung Lyra UI.
Kami miwarang Claude Sonnet nyieun antarmuka obrolan, dasbor, jeung setélan nu sarua maké Lyra UI, maké React, Tailwind jeung shadcn/ui, sarta maké HTML, CSS jeung JavaScript polos (18 kali jalan). Jeung Lyra UI éta nulis 26% leuwih saeutik token kaluaran jeung 46% leuwih saeutik baris tibatan jeung shadcn/ui, sarta 33% leuwih saeutik token tibatan jeung HTML polos, sabab hiji tag ngagantikeun markup, gaya, jeung kaayaan. Jalan Lyra ogé maca rujukan llms-full.txt, nu disimpen sarta dipaké deui ku agén.
Conto
Antarmuka obrolan dina sababaraha tag.
<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>