เราได้ทำการทดลองโดยให้ Kimi K2.7 Code และ Claude Fable 5 สร้างแลนดิงเพจอย่างละ 12 หน้า เพื่อเปรียบเทียบแบบเคียงข้างกัน โดยรวมแล้ว Kimi K2.7 Code มีต้นทุนถูกกว่า Fable 5 ประมาณ 94% (หรือถูกกว่า 16 เท่า) และให้ผลลัพธ์ที่มีคุณภาพใกล้เคียงกัน โดยเฉพาะอย่างยิ่งหลังจากที่เราป้อนบริบทที่ถูกต้องให้กับ Kimi ด้วย MCP สำหรับการออกแบบ
เราเผยแพร่ผลการทดลองของเราบน เว็บไซต์ OVSC พร้อมกับรูปแบบต่างๆ ที่สร้างโดย Claude Opus 4.8, Claude Fable 5 และ Kimi K2.7 Code โดยเฉลี่ยแล้ว Kimi ถูกกว่า Fable ประมาณ 16 เท่า และถูกกว่า Opus ประมาณ 8 เท่า
ภาพหน้าจอจาก https://ovsc.vercel.app/
เว็บไซต์ OVSC ช่วยให้คุณสำรวจแลนดิงเพจทั้งหมด พร้อมกับรายละเอียดของต้นทุนรวม การใช้โทเค็น และเวลาในการสร้าง
เพื่อให้เข้าใจว่าเราทำการทดลองนี้อย่างไร เราเริ่มต้นด้วยการสร้างเส้นฐานและดูว่าโมเดลสามารถผลิตอะไรได้จากพรอมต์เพียงอย่างเดียว
พรอมต์
เราเริ่มต้นด้วยชุดพรอมต์สำหรับแลนดิงเพจจำนวนเล็กน้อยในหลายหมวดหมู่ รวมถึง B2B SaaS, รูฟท็อปสปีคอีซี และเครื่องมือสำหรับนักพัฒนาสำหรับการค้นหาข้อมูล SQL นี่คือตัวอย่างพรอมต์ที่เราใช้:
- สร้างแลนดิงเพจสำหรับเครื่องมือสำหรับนักพัฒนาที่เปลี่ยนคำค้น SQL เป็นแผนภูมิ
- สร้างแลนดิงเพจสำหรับบาร์ค็อกเทลรูฟท็อปสปีคอีซี - สไตล์อาร์ตเดโค, ทองคำเปลวและมรกต, ความหรูหราแบบปี 1920
- สร้างแลนดิงเพจสำหรับสตาร์ทอัพ B2B SaaS - เครื่องมือจัดการโปรเจกต์และการทำงานร่วมกันของทีม (งาน, ไทม์ไลน์, เวิร์กโฟลว์ทีม, การผสานรวม)
เรามอบพรอมต์เดียวกันให้กับทั้ง Kimi K2.7 Code และ Claude Fable 5
นี่คือหน้าที่ทั้งสองโมเดลสร้างขึ้นเมื่อถูกขอให้ “สร้างแลนดิงเพจสำหรับเครื่องมือสำหรับนักพัฒนาที่เปลี่ยนคำค้น SQL เป็นแผนภูมิ”
น่าเสียดายที่ทั้งสองโมเดลสร้างแลนดิงเพจที่ดูรู้ได้ทันทีว่าสร้างโดย AI
เซิร์ฟเวอร์ MCP สำหรับแรงบันดาลใจในการออกแบบ
เราตั้งค่าเซิร์ฟเวอร์ MCP แบบกำหนดเองที่ให้ภาพหน้าจอของแลนดิงเพจที่ออกแบบมาอย่างดี พร้อมกับองค์ประกอบ UI แต่ละชิ้นและข้อมูลอ้างอิงภาพอื่นๆ เนื่องจาก Kimi K2.7 Code รองรับหลายรูปแบบ (multimodal) เราจึงสามารถรวมรูปภาพเหล่านั้นไว้ในพรอมต์โดยตรงควบคู่ไปกับข้อความ
ซึ่งเปลี่ยนผลลัพธ์อย่างมีนัยสำคัญ แทนที่จะสร้างเลย์เอาต์จากพรอมต์สั้นๆ เพียงอย่างเดียว Kimi สามารถทำงานจากตัวอย่างจริง รับรู้ภาษาภาพ และนำรูปแบบเหล่านั้นไปใช้กับหน้าใหม่ ในทางปฏิบัติ ผลลัพธ์มีลำดับชั้นที่แข็งแกร่งกว่า การพิมพ์ดีกว่า และองค์ประกอบที่ตั้งใจมากขึ้น
นี่คือก่อนและหลังของแลนดิงเพจ Rooftop Speakeasy:
ด้วยแรงบันดาลใจในการออกแบบ Kimi สร้างหน้าที่โหลดเร็วขึ้น หลีกเลี่ยงตัวยึดตำแหน่งรูปภาพที่เสีย และใช้การพิมพ์ที่อ่านง่ายกว่ามาก
เมื่อการออกแบบดีขึ้น สิ่งต่อไปที่เราต้องการสำรวจคือต้นทุน
ต้นทุนต่อแลนดิงเพจ
ข้อดีอย่างหนึ่งของการใช้โมเดลโอเพนซอร์สอย่าง Kimi K2.7 Code คือต้นทุน ตัวอย่างเช่น แลนดิงเพจสำหรับ B2B SaaS นี้มีต้นทุนเพียง 4 เซนต์เมื่อใช้ Kimi พรอมต์เดียวกันมีราคา $1.09 เมื่อใช้ Claude Fable ทำให้แพงขึ้นเกือบ 27 เท่า
โดยเฉลี่ยแล้ว แลนดิงเพจที่เราสร้างด้วย Kimi K2.7 Code มีราคาถูกกว่าประมาณ 16 เท่าเมื่อเทียบกับที่สร้างด้วยโมเดลกรรมสิทธิ์อย่าง Claude Fable 5
กับเอเจนต์โค้ดเชิงสร้างสรรค์ คุณแทบจะไม่สร้างแลนดิงเพจเพียงเวอร์ชันเดียว บ่อยครั้งที่คุณสร้างรูปแบบต่างๆ มากมายเพื่อสำรวจทิศทางการออกแบบ ข้อความ และองค์ประกอบหน้าที่แตกต่างกัน จากนั้นคุณจะวนซ้ำกับหน้าที่ดูมีแนวโน้ม แก้ไขและปรับปรุงผ่านวงจรการทดลองและปรับแต่งซ้ำๆ ด้วยการไปมาหลายรอบ ความแตกต่างของราคาจึงเพิ่มขึ้นอย่างรวดเร็ว แม้กระทั่งสำหรับสิ่งที่เรียบง่ายอย่างแลนดิงเพจ SaaS
หากคุณสร้าง 100 หน้าด้วย Kimi K2.7 Code คุณจะประหยัดได้ประมาณ $94 เมื่อเทียบกับการใช้โมเดลกรรมสิทธิ์อย่าง Claude Fable 5
ต้นทุนที่ต่ำกว่าเป็นข้อได้เปรียบที่ชัดเจน แต่เรายังต้องการวิธีการเปรียบเทียบคุณภาพของผลลัพธ์
การเปรียบเทียบผลลัพธ์
หลังจากสร้างแลนดิงเพจแล้ว เราต้องการวิธีที่เป็นระบบในการเปรียบเทียบ Kimi และ Fable เราไม่ได้มองแค่โค้ดเท่านั้น แต่ยังมองที่คุณภาพโดยรวมของแต่ละหน้า รวมถึงการจัดวาง ทิศทางภาพ โครงสร้างเนื้อหา ฝีมือ การตอบสนอง และการทำงานทางเทคนิค เพื่อทำเช่นนั้น เราให้ GPT-5.5 มีเกณฑ์การให้คะแนนเพื่อตรวจสอบและให้คะแนนภาพหน้าจอและซอร์สโค้ดของแต่ละหน้า และกำหนดคะแนนสุดท้ายตั้งแต่ 0 ถึง 100
นี่คือคะแนนของแต่ละแลนดิงเพจ:
Claude Fable ได้คะแนนสูงกว่าในทั้งสองตัวอย่าง แต่ช่องว่างค่อนข้างเล็ก Kimi ยังคงแข่งขันได้ในด้านการออกแบบ โครงสร้าง และคุณภาพหน้าโดยรวม ในขณะที่ต้นทุนการทำงานต่ำกว่ามาก สำหรับเวิร์กโฟลว์แบบนี้ เรารู้สึกว่าการแลกเปลี่ยนนั้นสมเหตุสมผล
Claude Fable ได้คะแนนสูงกว่าในทั้งสองตัวอย่าง แต่ช่องว่างค่อนข้างเล็ก Kimi ยังคงแข่งขันได้ในด้านการออกแบบ โครงสร้าง และคุณภาพหน้าโดยรวม ในขณะที่ต้นทุนการทำงานต่ำกว่ามาก สำหรับเวิร์กโฟลว์แบบนี้ เรารู้สึกว่าการแลกเปลี่ยนนั้นสมเหตุสมผล
ความคิดสุดท้าย
โมเดลโอเพนซอร์สอย่าง Kimi K2.7 Code สามารถสร้างแลนดิงเพจที่มีประโยชน์ได้อยู่แล้ว แต่การทดลองของเราแสดงให้เห็นว่าพรอมต์เพียงอย่างเดียวเป็นเพียงส่วนหนึ่งของสมการ หากไม่มีบริบทที่ดีกว่า ทั้ง Kimi และ Claude Fable มักจะสร้างผลลัพธ์ที่ขัดเกลาแต่ทั่วไป
การปรับปรุงที่ใหญ่ที่สุดมาจากการให้แรงบันดาลใจทางภาพแก่ Kimi ผ่านเซิร์ฟเวอร์ MCP แบบกำหนดเอง เมื่อมันสามารถทำงานจากภาพหน้าจอและข้อมูลอ้างอิงการออกแบบ หน้าก็อ่านง่ายขึ้น มีโครงสร้างมากขึ้น และตั้งใจทางภาพมากขึ้น
เมื่อรวมกับต้นทุนที่ต่ำกว่า ทำให้โมเดลโอเพนซอร์สเป็นตัวเลือกที่ใช้งานได้จริงสำหรับเวิร์กโฟลว์แบบนี้ หากคุณสามารถป้อนข้อมูลที่แข็งแกร่งกว่าให้กับโมเดลและวนซ้ำอย่างถูก คุณจะไปได้ไกลอย่างน่าประหลาดใจ
คุณสามารถลองใช้โมเดลโอเพนซอร์สอย่าง Kimi K2.7 Code ได้ที่ together.ai
