Liveblocks เพิ่งปล่อยตัวอย่างโค้ด open-source…
เล่าให้เห็นภาพ ปกติเครื่องมือ AI สร้างสไลด์ส่วนใหญ่คือเราพิมพ์ prompt คนเดียว มันเจนออกมาให้ จบ แต่ตัวนี้ต่างตรงที่หลายคนเข้ามาอยู่ในไฟล์เดียวกันได้พร้อมกัน เห็น cursor สีของแต่ละคนวิ่ง แก้อะไรปุ๊บอีกฝั่งเห็นทันที ไม่ชนกัน เพราะเบื้องหลังใช้ Liveblocks กับ Yjs ที่เป็น CRDT จัดการ sync ให้
ฟีเจอร์ที่มีในตัวอย่างนี้คือ แชทกับ AI เพื่อสั่งสร้างหรือแก้สไลด์ผ่าน Vercel AI Gateway ในเดโมเห็นใช้ Gemini 3 Flash แต่สลับโมเดลได้เพราะยิงผ่าน gateway มี code editor ในตัว ใช้ CodeMirror แก้ HTML ของสไลด์ตรงๆ ได้ เวลา AI เสนอสไลด์ใหม่จะมีปุ่มให้กด Accept หรือ Reject ก่อน มีระบบคอมเมนต์ปักลงบนสไลด์ได้เหมือน Figma และปุ่มที่คนพูดถึงมากสุดคือ Download เป็นไฟล์ pptx ได้เลย เอาไปเปิดใน PowerPoint ต่อได้จริง
เทคที่ใช้ก็คือ Next.js เป็นหน้าบ้าน Liveblocks ทำเรื่อง realtime กับ comments Yjs ทำ collaborative editing CodeMirror เป็น editor และ Vercel AI Gateway เป็นตัวต่อ AI ทั้งหมดเป็น open-source ใช้ Apache 2.0 ก็อปไปต่อยอดเองได้ ติดตั้งเร็วๆ ด้วยคำสั่ง npx create-liveblocks-app แล้วใส่ API key ก็รันได้
เพิ่งออกมาไม่ถึงวันเลยยังไม่มีรีวิวยาวๆ แต่คนในเธรดต้นทางชอบกันเยอะ โดยเฉพาะเรื่อง export PPTX ที่หลายคนบอกว่าเป็นตัวเปลี่ยนเกมของเครื่องมือ AI สร้างสไลด์ เพราะไม่ต้องมานั่งสู้กับ text box ใน PowerPoint เองอีก
ความเห็นผมคือ อันนี้จริงๆ Liveblocks ทำมาเพื่อโชว์ว่า infra ของเขาเอาไปทำแอปที่คนกับ AI ทำงานร่วมกันสดๆ ได้ดีแค่ไหน แต่สิ่งที่ผมว่าน่าคิดต่อคือ ต่อไปเครื่องมือทำสไลด์อาจไม่ใช่แค่ AI เจนให้เราคนเดียว แต่เป็นทั้งทีมกับ AI นั่งแก้ไฟล์เดียวกันแบบเรียลไทม์ ใครเป็น dev อยากลองไปดูโค้ดเต็มได้ที่ liveblocks.io/examples
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac