UI ರಚಿಸಲು ಕಡಿಮೆ ಟೋಕನ್‌ಗಳು

Lyra UI ಜೊತೆ AI 26% ಕಡಿಮೆ ಟೋಕನ್ ಬರೆಯುತ್ತದೆ.

ಒಂದೇ ಚಾಟ್, ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ ಮತ್ತು ಸೆಟ್ಟಿಂಗ್ಸ್ ಇಂಟರ್ಫೇಸ್‌ಗಳನ್ನು Lyra UI ಜೊತೆ, React, Tailwind ಮತ್ತು shadcn/ui ಜೊತೆ, ಹಾಗೂ ಸಾದಾ HTML, CSS ಮತ್ತು JavaScript ಜೊತೆ ನಿರ್ಮಿಸಲು Claude Sonnet ಅನ್ನು ಕೇಳಿದೆವು (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>

ಘಟಕಗಳನ್ನು ನೋಡಿ · ಮಾರ್ಗದರ್ಶಿ ಓದಿ (ಇಂಗ್ಲಿಷ್‌ನಲ್ಲಿ)