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>

ਕੰਪੋਨੈਂਟ ਵੇਖੋ · ਗਾਈਡ ਪੜ੍ਹੋ (ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ)