เริ่มจากแอปที่เอเจนต์เขียนโค้ดสร้างไว้

เอเจนต์เขียนโค้ด AI อย่าง Claude Code, Codex และ Cursor เขียนแอปได้เก่ง แต่หลังจากนั้นคุณต้องหาที่โฮสต์เอง แชร์พรีวิว เผยแพร่บนโดเมน ทำแบ็กเอนด์ที่ใช้ได้ระยะยาว และทำให้คนที่ไม่ใช่นักพัฒนาแก้แอปต่อได้ MonstarX ทำทั้งหมดนี้ให้ เชื่อมต่อเอเจนต์ครั้งเดียว แล้ว “พุชแอปนี้ไปที่ MonstarX” ก็เหลือแค่ประโยคเดียว

หน้านี้อธิบายการเริ่มโปรเจกต์ด้วยวิธีนี้ ดูวิธีตั้งค่าของเอเจนต์ทุกตัวและทุกอย่างที่เอเจนต์ทำได้ใน เอเจนต์เขียนโค้ด

เชื่อมต่อเอเจนต์ได้ที่ไหน

ในหน้า โปรเจกต์ เปิด นำเข้า แล้วเลือก เอเจนต์ของคุณ ซึ่งอาจแสดงเป็นทางลัดข้าง นำเข้า ด้วย หน้าต่าง เชื่อมต่อเอเจนต์ของคุณ จะแสดงคำสั่งให้คัดลอก

พุชแอปจาก Claude Code หรือ Codex อย่างไร

1. ในหน้าต่าง เชื่อมต่อเอเจนต์ของคุณ กด คัดลอก ข้างคำสั่งของเอเจนต์ แล้วรันในเทอร์มินัล

   • Claude Code รัน claude mcp add --transport http --scope user monstarx https://monstarx.com/mcp จากนั้นรัน /mcp ใน Claude Code → monstarx → Authenticate แล้วกด อนุญาต
   • Codex รัน codex mcp add monstarx --url https://monstarx.com/mcp && codex mcp login monstarx หน้าต่างเบราว์เซอร์จะเปิดขึ้นให้กด อนุญาต

2. ในโฟลเดอร์ของแอปที่สร้างไว้ สั่งเอเจนต์ว่า “พุชแอปนี้ไปที่ MonstarX”

3. เอเจนต์จะตรวจสอบแอป อัปโหลด แล้วให้ที่อยู่ของแอปแก่คุณ แอปจะปรากฏในหน้า โปรเจกต์ ทำงานในพรีวิว และแชทของแอปจะแสดงว่าพุชมาจากเอเจนต์ (เช่น “พุชจาก Codex”)

หลังจากนั้น โปรเจกต์จะเป็นแอปที่นำเข้า แชท โหมดแก้ไข เวอร์ชัน และ QA ใช้กับโค้ดได้ตามเดิม และระบบจะขอคีย์ที่โค้ดต้องใช้

เอเจนต์ไหนใช้ได้บ้าง

เอเจนต์ใดก็ได้ที่เชื่อมต่อกับเซิร์ฟเวอร์ MCP ได้ ซึ่งเป็นวิธีมาตรฐานที่เครื่องมือ AI ใช้เชื่อมกับบริการอื่น หน้าต่างจะระบุ Claude Code และ Codex รวมถึง Cursor, VS Code, Grok, Gemini CLI, Windsurf และแอป Claude กับ ChatGPT เครื่องมือสร้างแอปอย่าง Lovable, Bolt, v0, Replit และ Figma ก็ส่งงานเข้ามาได้เช่นกัน ที่อยู่เซิร์ฟเวอร์คือ https://monstarx.com/mcp

วิธีตั้งค่าสำหรับแต่ละเอเจนต์ จะเปิดคำแนะนำทีละขั้นตอนของแต่ละตัว คีย์ API และเอเจนต์ที่เชื่อมต่อ จะเปิด การตั้งค่า → API & MCP ซึ่งดูเอเจนต์ที่เชื่อมต่อ สร้างคีย์ API สำหรับเอเจนต์ที่ต้องใช้ และยกเลิกการเชื่อมต่อเอเจนต์ตัวใดก็ได้ ดู คีย์ API

เชื่อมต่อแล้วเอเจนต์ทำอะไรได้อีกบ้าง

• พุชเวอร์ชันใหม่ ของแอปเดิมหลังทำงานเพิ่มในเอเจนต์ การพุชแต่ละครั้งจะบันทึกเป็นเวอร์ชันที่ย้อนกลับไปได้
• ดาวน์โหลด โปรเจกต์ไปทำงานต่อในเครื่อง แล้วพุชกลับมา
• เริ่มแอป MonstarX ใหม่ จากคำอธิบาย หรือ นำเข้า รีโพซิทอรี GitHub
• ส่งคำขอ ไปยังเอเจนต์ MonstarX แล้วอ่านคำตอบ เผยแพร่ แอป ตั้งค่าคีย์ และ อ่านบันทึก ของแอป

คุณจึงสลับไปมาระหว่างสองฝั่งได้อย่างอิสระ สร้างในเอเจนต์ ปรับแต่งใน MonstarX ด้วยแชทและโหมดแก้ไข แล้วดึงกลับไปที่เอเจนต์เมื่อไหร่ก็ได้

หมายเหตุ

เอเจนต์จะไม่พิมพ์โค้ดของแอปขนาดใหญ่ออกมาทีละไฟล์ แต่จะแพ็กโฟลเดอร์แล้วอัปโหลดในครั้งเดียว (ไม่เกิน 100 MB หลังบีบอัด) โดยไม่รวม node_modules ผลการบิลด์ .git และไฟล์ .env ทุกไฟล์

ถ้าใช้ไฟล์ .zip ล่ะ

หากไม่อยากเชื่อมต่อเอเจนต์ ให้บีบอัดโฟลเดอร์ของแอปเป็นไฟล์ zip แล้วใช้ นำเข้า → ไฟล์ .zip ระบบจะตรวจสอบบนคอมพิวเตอร์ของคุณก่อนอัปโหลดอะไรก็ตาม ดู นำเข้าแอป

คำถามที่พบบ่อย

เอเจนต์เข้าถึงทุกโปรเจกต์ของฉันได้ไหม

เอเจนต์ทำงานในนามของคุณกับโปรเจกต์ที่คุณเป็นเจ้าของ ดูและนำเอเจนต์ที่เชื่อมต่อออกได้ทุกเมื่อใน การตั้งค่า → API & MCP

ต้องใช้คีย์ API ไหม

ไม่ต้องสำหรับ Claude Code หรือ Codex เพราะลงชื่อเข้าใช้ผ่านเบราว์เซอร์ เอเจนต์ที่รับได้แค่คีย์ใช้คีย์ที่สร้างใน การตั้งค่า → API & MCP ได้

ถ้าฉันแก้แอปทั้งสองฝั่งล่ะ

การพุชจะแทนที่ไฟล์ของโปรเจกต์ด้วยเวอร์ชันของเอเจนต์ เป็นเวอร์ชันใหม่ หากโปรเจกต์เปลี่ยนไปตั้งแต่เอเจนต์อ่านครั้งล่าสุด การพุชอาจถูกปฏิเสธเพื่อไม่ให้มีอะไรถูกเขียนทับโดยไม่ตั้งใจ ให้เอเจนต์ดาวน์โหลดเวอร์ชันล่าสุดก่อน

เอเจนต์เผยแพร่แอปได้ไหม

ได้ เมื่อคุณสั่ง เอเจนต์จะเผยแพร่ด้วยวิธีเดียวกับปุ่ม เผยแพร่ ดู เผยแพร่แอป

หน้าที่เกี่ยวข้อง

เอเจนต์เขียนโค้ดวิธีตั้งค่าเอเจนต์ทุกตัวแบบครบถ้วน และเครื่องมือทั้งหมด

นำเข้าแอปแอปที่นำเข้าจะเป็นอย่างไรต่อ

คีย์ APIคีย์และเอเจนต์ที่เชื่อมต่อ

GitHubซิงค์แอปกับรีโพซิทอรี