พัฒนาเว็บ

อารีนา WebDev ทำงานอย่างไร

ตารางพัฒนาเว็บใช้ข้อมูลจากอารีนา WebDev ของ LMArena โมเดลสองตัวได้รับพรอมต์เดียวกัน เช่น ขอหน้าเว็บจองคิวหรือเกมเล็ก ๆ แล้วต่างคนต่างสร้างเว็บแอปที่ใช้งานได้จริงออกมา ผู้ใช้เปิดดูทั้งสองแอปโดยไม่รู้ว่าเป็นโมเดลไหน แล้วโหวตให้แอปที่ดีกว่า คะแนนสะท้อนผลลัพธ์ทั้งชิ้น ทั้งการจัดหน้า โค้ดที่ทำงานได้ และการทำตามคำขอ ไม่ได้ดูแค่สไตล์ของโค้ด

โมเดลชุดไหนอยู่ในตาราง

อารีนานี้มีชุดโมเดลของตัวเอง ต่างจากตารางข้อความและตารางเขียนโค้ด โมเดลที่เก่งแชตเรื่องโค้ดจึงอาจอยู่คนละตำแหน่งในตารางนี้ คอลัมน์เหมือนตารางอื่น ได้แก่ ระดับ, Elo พร้อมช่วงความเชื่อมั่น 95%, ราคาต่อหนึ่งล้านโทเค็น และหน้าต่างบริบท ราคามาจาก models.dev และ LiteLLM

ใช้ข้อมูลนี้อย่างไรให้เกิดประโยชน์

• ใช้หาโมเดลสำหรับทำต้นแบบเว็บ หน้าแลนดิ้ง หรือเครื่องมือเล็ก ๆ จากคำอธิบาย
• ดูช่วงความเชื่อมั่น ถ้าสองโมเดลซ้อนกัน ให้เลือกจากราคาหรือบริบทแทน
• ตัวกรอง “ราคาถูก” หมายถึงราคาผสมต่ำกว่า 1 USD ต่อหนึ่งล้านโทเค็น
• เทียบโมเดลที่สนใจสูงสุด 4 ตัวได้ใน หน้าเปรียบเทียบ

ตัวอย่างการใช้งาน

สมมติว่าคุณต้องการหน้าเว็บแสดงเมนูร้านกาแฟพร้อมปุ่มสั่งซื้อ ให้เขียนคำขอสั้น ๆ ที่ระบุส่วนประกอบและสไตล์ แล้วส่งให้โมเดลสองตัวจากระดับบนของตาราง เปิดผลลัพธ์ในเบราว์เซอร์ ตรวจว่าปุ่มทำงานและหน้าจอแสดงผลบนมือถือได้ วิธีนี้คล้ายกับที่อารีนาใช้ให้คะแนน แต่ใช้กับงานของคุณเอง

ข้อจำกัด

แอปในอารีนามีขนาดเล็ก โครงการใหญ่ที่มีหลายหน้า ระบบหลังบ้าน และฐานข้อมูลจริงไม่ได้ถูกให้คะแนน ผลในตารางจึงบอกได้ว่าโมเดลเริ่มงานเว็บได้ดีแค่ไหน แต่ไม่ได้รับประกันว่าจะดูแลโปรเจกต์ขนาดใหญ่ได้ กฎการจัดระดับเหมือนตารางข้อความ: โมเดลที่ได้โหวตไม่ถึง 300 ครั้งยังไม่มีระดับ ถ้าคุณจะให้โมเดลแก้โปรเจกต์จริง ลองดู ตารางเอเจนต์ และ เครื่องมือเอเจนต์เขียนโค้ด ประกอบ