Next.js ได้ประกาศวิสัยทัศน์ใหม่ในการสนับสนุน AI coding agents โดยตรง พร้อมเปิดตัว MCP integration และเครื่องมือใหม่ที่ช่วยให้ agents สามารถมองเห็นและแก้ไขปัญหาในโปรเจกต์ได้อย่างมีประสิทธิภาพ

ในโลกของการพัฒนาเว็บยุคใหม่ AI agents กลายเป็นเครื่องมือสำคัญสำหรับนักพัฒนา แต่ปัญหาสำคัญคือ agents ไม่สามารถ "มองเห็น" สิ่งที่เกิดขึ้นใน browser ได้ Next.js จึงตัดสินใจแก้ไขปัญหานี้โดยตรง
ทีมงาน Next.js ค้นพบว่าในชีวิตจริง นักพัฒนามักจะเห็น error ใน browser แล้ว copy ข้อมูลไปวางใน AI editor เพื่อขอให้ agent แก้ไข ปัญหาคือ agents ไม่สามารถมองเห็น browser ได้
Runtime errors, client-side warnings, และ rendered components ล้วนเป็นสิ่งที่มองไม่เห็นสำหรับ agents เมื่อผู้ใช้บอกว่า "fix the error" agent ก็ไม่รู้ว่าหมายถึง error อะไร
"Agents ต้องการ visibility เข้าถึงสิ่งที่ Next.js กำลังทำอยู่ นั่นคือกุญแจสำคัญ"
ทีม Next.js ได้สร้าง agent ใน browser ชื่อ Vector ซึ่งทำงานคล้ายกับ smart devtools ให้ผู้ใช้เลือก elements บนหน้าเว็บ ดู source code และ prompt ขอการเปลี่ยนแปลงได้โดยตรง
Vector มีความรู้เกี่ยวกับ Next.js best practices ฝังอยู่ภายใน ซึ่งช่วยให้ agents หลีกเลี่ยงการ hallucinate ได้ดีขึ้น แต่สุดท้ายก็ถูก sunset ไปเพราะมันซ้ำซ้อนกับ coding agents ทั่วไปอย่าง Cursor และ Claude Code
"เราเอาสิ่งที่มีประโยชน์จาก Vector (structured visibility และ framework-specific knowledge) มาสร้างเข้าไปใน Next.js โดยตรง"
Model Context Protocol (MCP) คือสิ่งที่ทำให้ Next.js state สามารถมองเห็นได้โดย agents version แรกของ MCP เปิดเผยข้อมูลภายในเช่น errors, routes, และ rendered segments
แต่การเปิดเผยข้อมูลเพียงอย่างเดียวไม่พอ agents ยังต้องการค้นหา dev servers ที่กำลังทำงานอยู่และสื่อสารกับมันด้วย จึงเกิด next-devtools-mcp ขึ้นมา
MCP ยืนยันสิ่งที่ Vector สอนไว้ แต่บทเรียนที่ลึกซึ้งกว่าคือการปฏิบัติต่อ agents เป็น first-class users และคิดจากมุมมองของพวกเขา
คำถามเหล่านี้นำไปสู่การเปลี่ยนแปลงที่เป็นรูปธรรม:
agents.md
ทีมงานกำลังทำให้การติดตั้งง่ายขึ้น สามารถรัน npx @next/codemod เพื่อสร้าง docs index ที่อัพเดท และกำลังขยาย eval suite เพื่อวัดผลว่าอะไรช่วย agents ได้จริง
นี่เป็นการเปลี่ยนแปลงครั้งสำคัญของ Next.js ที่สะท้อนให้เห็นแนวโน้มใหญ่ในวงการ: AI agents ไม่ใช่แค่เครื่องมือช่วยเขียนโค้ดอีกต่อไป แต่กลายเป็น users ตัวจริงของ development tools
สิ่งที่น่าสนใจคือการเปลี่ยนจากการสร้าง UI สำหรับ agents (Vector) ไปสู่การทำให้ framework เองมองเห็นได้ ซึ่งเป็นแนวทางที่ยั่งยืนกว่า เพราะไม่ว่า agent ตัวไหนก็สามารถใช้ประโยชน์จากสิ่งนี้ได้
Next.js กำลังวางรากฐานสำหรับอนาคตที่ AI agents ทำงานร่วมกับ frameworks ได้อย่างลึกซึ้ง ด้วยการทำให้ agents เป็น first-class citizens ของ development experience ตอนนี้เราสามารถ debug ได้ใน loop ที่แน่นแฟ้นระหว่าง code, runtime, และ AI
คำถามถัดไป: คุณคิดว่า frameworks อื่นๆ จะตามแนวทางนี้หรือไม่? และ developers ควรเตรียมตัวอย่างไรสำหรับ "agentic future"?