Inspo คือ MCP server ตัวใหม่ที่ให้ coding agent อย่าง Claude Code…
ปัญหาที่มันแก้คือเวลาสั่ง AI ทำ landing page มันมักจะออกมาหน้าตาคล้ายกันหมด ไล่สีม่วงฟ้า การ์ดโค้งมนเรียงๆ เพราะ agent ไม่มีตัวอย่างงานจริงให้อ้างอิง มีแต่ความรู้ทั่วไปในหัว Inspo เลยเก็บเว็บไซต์จริงที่คัดมาแล้ว 832 เว็บ 2,320 หน้าจอ ทั้ง desktop และ mobile มาให้ agent ค้นหาระหว่างเขียนโค้ด
แต่ละเว็บในคลังมีไฟล์สรุป palette สี ฟอนต์ spacing และ CSS variable ที่ดึงมาจาก DOM จริง พร้อมคอมโพเนนต์อ้างอิงอีก 68 แบบอย่างเช่น hero กับ pricing ที่ copy โค้ดไปใช้ต่อได้เลย ในวิดีโอเปิดตัว Hassan (คนสร้าง จาก Together AI) ลองพิมพ์สั่งทำ landing page ให้แอป crop mapping แล้วระบบไปดึง Mercury, Bandcamp, Buildkite มาเป็นต้นแบบให้ทันที
ติดตั้งง่ายมาก แค่รันคำสั่ง npx -y inspo-mcp install ตัวเดียวมันจะเช็คเองว่าเครื่องมี Claude Code, Cursor, Codex, VS Code, Windsurf หรือ Zed แล้วเซ็ต config ให้อัตโนมัติ เปิด GitHub ให้ดูแล้วเป็น MIT license self-host ได้ ตอนนี้มีคนติดดาวไว้เกือบ 280 แล้วทั้งที่เพิ่งเปิดตัวไม่กี่วัน
คนใน X ส่วนใหญ่ชมว่าแก้ pain point จริงของ vibe coding มีคนเปรียบว่านี่คือการให้ coding agent มี Pinterest ของตัวเอง แต่ก็มีเสียงติงว่าคลังเน้นเว็บฝั่งตะวันตกเป็นหลัก ถ้าอยากได้โทนเอเชียอาจต้องปรับ prompt เพิ่ม และแค่มีตัวอย่างสวยไม่พอ ถ้าโปรเจกต์ไม่มี design system ชัดเจน agent ก็แค่เลียนแบบหน้าตาไม่ได้เข้าใจเหตุผลเบื้องหลัง
ผมว่าตัวนี้น่าลองสำหรับคนทำ landing page หรือ product UI ด้วย Claude Code บ่อยๆ เพราะปัญหาที่มันแก้เป็นเรื่องจริงที่เจอกันตลอด ส่วนใครมี design system ของตัวเองแข็งแรงอยู่แล้วอาจไม่ได้ต่างมากนัก
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac