Call Me Thanut
wrenchเครื่องมือ

Skybridge กับ MCP Apps — เมื่อ chatbot ไม่ได้ตอบเป็น text อย่างเดียว แต่เปิด widget ให้ใช้

25 พ.ค. 2026อ่าน 4 นาที
Skybridge กับ MCP Apps — เมื่อ chatbot ไม่ได้ตอบเป็น text อย่างเดียว แต่เปิด widget ให้ใช้
สารบัญ

สรุปให้ไว

MCP Apps คือ app surface ใน chat

ไม่ใช่แค่ JSON หรือ markdown response

Skybridge ช่วยสร้าง widget ด้วย React

จัดการ protocol, state sync และ dev tooling

คนกับ AI เห็น interface เดียวกัน

คนคลิกได้ AI อัปเดต state ได้

security review สำคัญมาก

widget ที่ทำ action ต้องมี permission และ audit

01มันคืออะไร

Skybridge เป็น open-source TypeScript framework สำหรับสร้าง MCP apps หรือ interactive widgets ที่แสดงอยู่ใน chatbot เช่น ChatGPT หรือ Claude แทนที่จะให้ AI ตอบเป็น text หรือ JSON อย่างเดียว

แนวคิดคือ app หนึ่งมีผู้ใช้สองฝ่ายพร้อมกัน: คนที่คลิกปุ่ม กรอก input เลื่อน slider และ AI assistant ที่มองเห็น state เดียวกัน แล้วสามารถอัปเดตข้อมูลหรือเรียก tool เบื้องหลังได้

สำหรับ developer จุดขายคือเขียนด้วย React ได้ และ framework ช่วยเรื่อง protocol bridging, state sync และ security rules ทำให้ไม่ต้องเริ่มจาก plumbing ทั้งหมด

02Dev workflow ดีขึ้นตรงไหน

Skybridge 1.0 ถูกพูดถึงเรื่อง DevTools control panel ที่ช่วยลด pain ของการทดสอบ MCP apps เดิม เช่นไม่ต้องตั้ง public tunnel เองทุกครั้งหรือ restart session เพียงเพื่อแก้ CSS เล็ก ๆ

DevTools มี local playground สำหรับทดสอบ tool และ React widget, integrated tunnel สำหรับเปิด URL สาธารณะให้ connector ใช้ และ beacon audit tool สำหรับเช็ก metadata, tools และ security policies ก่อนส่ง app เข้าร้าน

ตัวอย่างใน source คือ e-commerce lens shop ที่ chatbot ค้นหา lens ตามเงื่อนไข เปิด widget ให้เลือกสินค้า เทียบ side-by-side และไป checkout ได้

เหมาะกับ use case แบบไหน

  • Product search

    ให้ AI ค้น แล้วคนเลือกจาก widget

  • Comparison flow

    ตารางเทียบที่ interactive ได้

  • Form and checkout

    action ที่ต้องกรอกข้อมูลและยืนยัน

  • Internal tools

    dashboard เล็ก ๆ ใน chat สำหรับทีม

  • Human approval

    action สำคัญต้องให้คนกดเอง

03เกี่ยวอะไรกับเรา

ฟันธง: MCP Apps เป็นทิศทางที่ควรจับตา เพราะ chatbot กำลังกลายเป็นพื้นที่ใช้งาน app ไม่ใช่แค่พื้นที่คุยกับ model

ถ้าจะลอง ให้เริ่มจาก widget read-only เช่นค้นหา product, เปิด FAQ หรือ compare plan ก่อน แล้วค่อยเพิ่ม action เช่น checkout, create ticket หรือ update record เมื่อ permission ชัด

AI ที่มี UI ร่วมกับคนจะทำงานได้แม่นขึ้น เพราะคนเห็น state และแก้ได้ทัน แต่ยิ่งมี action จริงก็ยิ่งต้องมี Human Gate, audit และ rule ว่า AI ทำอะไรเองได้แค่ไหน