Refero MCP คือเครื่องมือที่ทำให้ AI Agent “มีรสนิยมด้านดีไซน์”…
ปัญหาของ AI ที่ผมเห็นชัดมากช่วงนี้คือ มันเขียนโค้ดเก่ง แต่พอให้ทำ Product Design จริงๆ หน้าแอพจะดูเหมือนกันหมด เพราะโมเดลไม่รู้ว่า layout ไหนใช้จริงในตลาด UX แบบไหน convert ดี หรือ flow จริงของแอพดังๆหน้าตาเป็นยังไง
Refero MCP เลยแก้จุดนี้ด้วยการให้ agent เข้าไป “ศึกษาของจริงก่อน” มันเชื่อม AI เข้ากับคลังหน้าจอผลิตภัณฑ์จริงกว่า 125,000 หน้าจอ และ user flow อีกกว่า 8,000 แบบ ตั้งแต่ onboarding, paywall, empty state ไปจนถึงหน้า settings หรือแม้แต่ขั้นตอนลบบัญชี
ความต่างสำคัญคือข้อมูลพวกนี้ไม่ได้มีแค่ภาพ แต่มี metadata ด้วย เช่น UX pattern, UI pattern, layout และคำอธิบาย ทำให้ AI อ่านโครงสร้างก่อน แล้วค่อยดูภาพ เหมือนมันอ่าน blueprint ของแอพก่อนจะเริ่มออกแบบจริง
ผลคือเวลาเราสั่ง agent ออกแบบ UI มันไม่ได้เดาอีกต่อไป แต่จะไปดู reference จากแอพจริง วิเคราะห์หลายร้อยหน้าจอในไม่กี่วินาที แล้วค่อยเลือก pattern ที่เหมาะกับโจทย์ก่อนสร้าง
อีกอย่างที่ผมว่าเท่คือ Refero มีสิ่งที่เรียกว่า Refero Skill เป็นเหมือน methodology ที่ติดตั้งเข้า agent ได้ ทำให้ AI ทำงานแบบนักออกแบบจริงๆ คือ research → extract pattern → ค่อยออกแบบ พร้อมกฎเรื่อง typography, spacing, color และ motion
การติดตั้งก็ไม่ได้ยากมาก ถ้าใช้พวก Claude Code, Cursor, Lovable หรือเครื่องมือที่รองรับ MCP ก็แค่ใส่ config บรรทัดเดียว แล้วตอนใช้ครั้งแรกมันจะเปิด browser ให้ login จากนั้น agent ก็สามารถค้นหน้าจอจริงของแอพต่างๆ ได้ทุกครั้งที่ออกแบบ
ราคาอยู่ประมาณ 17 ดอลลาร์ต่อเดือนสำหรับแผน Pro ซึ่งจะได้ทั้ง access library เต็ม, MCP สำหรับ agent และ Figma plugin ส่วนเวอร์ชันฟรีก็มี แต่จะจำกัดจำนวนหน้าจอที่ค้นได้
ถ้าเทียบกับของที่คนออกแบบใช้กันอย่าง Mobbin ผมว่า Mobbin คือ library สำหรับ “มนุษย์เข้าไปหา reference” แต่ Refero MCP คือให้ “AI เข้าไปทำ research แทนเรา” แล้วเอาผลไปสร้าง UI ต่อทันที
ส่วนตัวผมว่าไอเดียนี้ค่อนข้างตรง pain ของยุค AI เลย เพราะตอนนี้สร้างแอพมันเร็วมาก แต่หน้าตามันดู AI มากเกินไป ถ้าเครื่องมือแบบนี้ทำให้ agent เรียนรู้จากของจริงก่อน generate งาน ผมว่าคุณภาพ UI ของแอพที่ AI สร้างน่าจะกระโดดขึ้นอีกระดับเลยครับ.
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac