Google ผสาน A2UI กับ MCP Apps — 3 รูปแบบสถาปัตยกรรมสร้าง UI ให้เอเจนต์ที่ทั้งสวยและปลอดภัย
เมื่อเวิร์กโฟลว์แบบ agentic พัฒนาจากการแลกเปลี่ยนข้อความล้วน ๆ ไปสู่ UI ที่ซับซ้อนขึ้น นักพัฒนาต้องเผชิญทางเลือกที่ขัดแย้งกันมาตลอด คือจะเอา “ความอิสระในการปรับแต่ง” หรือ “การกลมกลืนกับระบบ host” Google Developers Blog เผยแพร่บทความเมื่อวันที่ 17 มิถุนายน 2026 เสนอ 3 รูปแบบสถาปัตยกรรม ที่ผสาน A2UI เข้ากับ MCP Apps พร้อมโค้ดตัวอย่างให้ลองใช้จริง โดยร่วมเขียนกับผู้ก่อตั้ง MCP UI
ปัญหาเดิมคือสองแนวทางต่างมีจุดอ่อน — MCP Apps ให้อิสระเต็มที่ผ่าน iframe ด้วยเทคโนโลยีเว็บมาตรฐาน แต่มักทำให้ UX กระจัดกระจาย เช่น design system ตีกันหรือ scrollbar ซ้อน อีกทั้งมีภาระด้านประสิทธิภาพและความปลอดภัย ส่วน A2UI ใช้ JSON payload สั่งว่าจะ “เรนเดอร์อะไร” แล้วให้ host แปลงเป็น component ของตัวเอง จึงได้ดีไซน์ที่สม่ำเสมอและปลอดภัยกว่า แต่จำกัดอยู่ที่ชุด component ที่กำหนดไว้ และจัดการ logic ฝั่ง client ซับซ้อน ๆ ได้ยาก
สามรูปแบบที่เสนอ
รูปแบบที่ 1: A2UI over MCP — ส่ง A2UI payload ผ่าน MCP server โดยตรง ข้ามข้อจำกัดของ iframe ให้ host เรนเดอร์ native ด้วย design system ของตัวเอง ใช้โมเดลความปลอดภัยแบบ capability-based ที่ client เรนเดอร์เฉพาะ component ที่เชื่อถือได้จาก catalog ที่กำหนดไว้ เหมาะกับฟอร์มและ data visualization
รูปแบบที่ 2: รัน MCP Apps ภายใน A2UI component — ห่อ MCP App ไว้ใน component ของ A2UI เพื่อมอบหมายงานที่ซับซ้อนและ stateful (เช่นเกมแบบเรียลไทม์หรือการเลือกที่นั่ง) ให้ iframe ที่ปลอดภัย ขณะที่ host ยังคุมดีไซน์โดยรวม ตัวอย่างคือเกม Pong ที่ paddle/ball อยู่ใน MCP App แต่ scorecard เป็น native A2UI ที่ sync state กัน
รูปแบบที่ 3: รัน A2UI ภายใน MCP Apps — ใช้เป็นสะพานปรับปรุงระบบเก่า โดย MCP App bundle มี A2UI renderer ในตัว ทำให้ระบบ legacy ที่รองรับแค่ iframe container ก็เพิ่ม UI ที่ขับเคลื่อนด้วยเอเจนต์ได้โดยแทบไม่ต้องรื้อสถาปัตยกรรม
มุมมอง AI Curator
การที่ Google จับมือกับผู้ก่อตั้ง MCP UI เพื่อทำให้ A2UI กับ MCP Apps ทำงานร่วมกันได้ เป็นสัญญาณว่าสงคราม “มาตรฐาน UI สำหรับเอเจนต์” กำลังเข้าสู่ช่วง interoperability แทนที่จะแย่งกันเป็นเจ้าเดียว นี่เป็นข่าวดีสำหรับนักพัฒนา เพราะลดความเสี่ยงที่จะเลือกผิดข้างแล้วต้องเขียนใหม่ทั้งหมด
สำหรับทีมไทยและ SEA ที่กำลังเริ่มสร้างผลิตภัณฑ์ที่มีเอเจนต์เป็นหน้าบ้าน บทเรียนสำคัญคือ generative UI กำลังกลายเป็นชั้นมาตรฐานของ stack เอเจนต์ ไม่ใช่ของเล่นทดลองอีกต่อไป การเข้าใจ MCP ตั้งแต่วันนี้ — ซึ่งเป็นโปรโตคอลกลางที่ทั้ง Anthropic, OpenAI และ Google ต่างรองรับ — จะเป็นทักษะที่ต่อยอดได้ยาวกว่าการผูกตัวเองกับ framework ของ vendor รายใดรายหนึ่ง
แหล่งข่าว
อ่านเพิ่มในหมวด เครื่องมือนักพัฒนา
Betelgeuse รัน Qwen3.8 Flash Next ขนาด 68GB บน RTX 3060 กับแรม 16GB ส่วน Basalt วัดให้เห็นว่าเอนจินที่เร่งด้วยแฟล็กลัดทำให้โมเดลลืมของ
Betelgeuse ฟอร์ก llama.cpp ที่เปิดเมื่อ 31 ต.ค. ดึง expert จาก NVMe เข้า VRAM ตามต้องการ อ้าง 22 tok/s แบบไม่ทิ้ง expert แต่ README เตือนเองว่ายังทดลองและตัวเลขมาจากคนละรอบ วันเดียวกันผู้พัฒนา Basalt เผยผลวัดว่าแฟล็กเร่งความเร็วทำคุณภาพ Q8 ตกไปใกล้ Q2
กฎห้ามโคลนเกมของ Claude Code เริ่มกระทบงานจริง บริษัทรับทำเกมกระดานร้องงานลูกค้าหยุด แต่รายงานหลายชิ้นปนกับตัวกรองไซเบอร์คนละเรื่อง
ต่อจากที่เราพบกฎนี้ในไบนารี Claude Code ผู้ใช้เริ่มรายงานว่างานเชิงพาณิชย์ถูกปฏิเสธ และ Tom's Hardware กับ Mashable หยิบไปรายงาน แต่เมื่อไล่ issue ที่อ้างถึง พบว่าหลายรายการเกิดก่อนกฎจะมา จึงน่าจะเป็นตัวกรองด้านไซเบอร์ ส่วน Anthropic ยังไม่ชี้แจง
Claude Code ส่ง transcript ของ background agent ให้โมเดลทุก ~30 วินาทีเพื่อเขียนสถานะ 3–5 คำ ผู้วัดรายงานกินราว 16% และยังปิดแบบทางการไม่ได้
รายงานอิสระพบว่าฟีเจอร์ agent_summary ของ Claude Code ส่ง transcript เต็มของ background agent ไปถามสถานะทุก ~30 วินาที คิดเป็น 16.4% ของค่าใช้จ่ายในระบบของผู้วัด Issue เปิดมาตั้งแต่ ส.ค. ยังไม่มีสวิตช์ปิดที่รองรับ เราตรวจพบโค้ดนี้ใน 2.1.314 และพบกฎใหม่เรื่องเกมที่ไม่อยู่ใน changelog