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>

ክፍሎችን ይመልከቱ · መመሪያውን ያንብቡ (በእንግሊዝኛ)