UI બનાવવા માટે ઓછા ટોકન

Lyra UI સાથે AI 26% ઓછા ટોકન લખે છે.

અમે Claude Sonnet ને એ જ ચેટ, ડેશબોર્ડ અને સેટિંગ્સ ઇન્ટરફેસ Lyra UI સાથે, React, Tailwind અને shadcn/ui સાથે, તેમજ સાદા HTML, CSS અને JavaScript સાથે બનાવવા કહ્યું (18 રન). Lyra UI સાથે તેણે shadcn/ui કરતાં 26% ઓછા આઉટપુટ ટોકન અને 46% ઓછી લીટીઓ લખી, અને સાદા HTML કરતાં 33% ઓછા ટોકન લખ્યા, કારણ કે એક ટેગ માર્કઅપ, સ્ટાઇલિંગ અને સ્ટેટનું સ્થાન લે છે. Lyra રનમાં llms-full.txt સંદર્ભ પણ વંચાયો, જેને એજન્ટ કેશ કરીને ફરી વાપરે છે.

ઉદાહરણ

થોડા ટેગમાં ચેટ ઇન્ટરફેસ.

<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>

ઘટકો જુઓ · માર્ગદર્શિકા વાંચો (અંગ્રેજીમાં)