פחות טוקנים ליצירת ממשק

הבינה המלאכותית כותבת 26% פחות טוקנים עם Lyra UI.

ביקשנו מ־Claude Sonnet לבנות את אותם ממשקי צ'אט, לוח בקרה והגדרות עם Lyra UI, עם React, Tailwind ו־shadcn/ui, ועם HTML, CSS ו־JavaScript רגילים (18 הרצות). עם Lyra UI הוא כתב 26% פחות טוקני פלט ו־46% פחות שורות מאשר עם shadcn/ui, ו־33% פחות טוקנים מאשר עם HTML רגיל, כי תג אחד מחליף סימון, עיצוב ומצב. בהרצות של 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>

עיון ברכיבים · קריאת המדריך (באנגלית)