News / รีวิว / รวมค่าย
รวมค่าย · รีวิว

Google Stitch มี CLI ของตัวเองแล้ว ชื่อ @google/stitch…

ภีศเดช เพชรน้อย
ภีศเดช เพชรน้อย
4 ต.ค. 2026 · อ่าน 3 นาที
สรุปสั้น — Google Stitch มี CLI ของตัวเองแล้ว ชื่อ @google/stitch ออกแบบหน้าจอ UI ได้จากเทอร์มินัลโดยไม่ต้องเปิดเบราว์เซอร์ ก่อนหน้านี้ Stitc
#Claude Code#Coding#Agent#เขียน/เอกสาร
Google Stitch มี CLI ของตัวเองแล้ว ชื่อ @google/stitch…

ก่อนหน้านี้ Stitch มี MCP กับ SDK อยู่แล้ว ทีมบอกเองในโพสต์ประกาศว่ายังขาด CLI ตอนนี้ครบแล้ว และชูสามอย่างคือ เชื่อมกับ coding agent ที่ใช้อยู่ในเครื่อง สร้างหน้าจอกับ design system และส่งสแนปช็อตของ dev server ในเครื่องขึ้นไปที่ Stitch

การติดตั้งตามเอกสารคือ npm install -g @google/stitch ต้องใช้ Node.js 20 ขึ้นไป แล้วสั่ง stitch login เพื่อเข้าสู่ระบบด้วยบัญชี Google ถ้ารันบนเครื่องที่ไม่มีเบราว์เซอร์หรือ CI ก็ใช้ API key แทนได้

ถ้าใช้ Claude Code, Cursor, Gemini CLI หรือ Antigravity มีคำสั่ง stitch agent-skills add ที่ติดตั้งสกิล /stitch ให้ agent สั่งงาน CLI แทนเราได้ ในเอกสารมีตัวอย่าง prompt ว่า "สร้างโปรเจกต์ชื่อ Checkout Redesign แล้วสร้างหน้าสรุปออเดอร์บนเดสก์ท็อป"

ถ้าชอบพิมพ์เองก็ใช้ stitch generate screen พร้อม prompt กับชนิดอุปกรณ์ แล้วใช้ stitch serve เปิดดู HTML จริงบน localhost ในคลิปโปรโมตเห็นขั้นตอนนี้ตั้งแต่พิมพ์คำสั่งจนได้หน้าจอบน Canvas

ในเอกสารยังมีหัวข้อจับภาพแอปที่รันอยู่แล้วส่งขึ้น Canvas, ตรวจ UI เทียบกับไฟล์ DESIGN.md และซิงก์ design system ผมยังไม่ได้ลองใช้ตัวเอง เลยบอกไม่ได้ว่าผลลัพธ์ดีแค่ไหน

สายออกแบบหรือสายเขียนโค้ดที่ใช้ agent อยู่แล้ว จะลองต่อ Stitch เข้าเวิร์กโฟลว์ไหม เล่าให้ฟังได้เลยครับ

อยากใช้ AI กับงานจริงเป็นระบบ?

เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก

ดูคอร์ส →

📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac