UI സൃഷ്ടിക്കാൻ കുറച്ച് ടോക്കണുകൾ മതി

Lyra UI ഉപയോഗിക്കുമ്പോൾ AI 26% കുറവ് ടോക്കണുകൾ എഴുതുന്നു.

ഒരേ ചാറ്റ്, ഡാഷ്ബോർഡ്, സെറ്റിംഗ്സ് ഇന്റർഫേസുകൾ Lyra UI ഉപയോഗിച്ചും, React, Tailwind, shadcn/ui ഉപയോഗിച്ചും, സാധാരണ HTML, CSS, JavaScript ഉപയോഗിച്ചും നിർമ്മിക്കാൻ ഞങ്ങൾ Claude Sonnet-നോട് ആവശ്യപ്പെട്ടു (18 റണ്ണുകൾ). shadcn/ui-യെ അപേക്ഷിച്ച് Lyra 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>

ഘടകങ്ങൾ കാണുക · ഗൈഡ് വായിക്കുക (ഇംഗ്ലീഷിൽ)