เชื่อมต่อ Claude Code, Codex หรือ Cursor กับ MonstarX

สรุปสั้น ๆMonstarX มีเซิร์ฟเวอร์ MCP อยู่ที่ https://monstarx.com/mcp เพิ่มเซิร์ฟเวอร์นี้ใน Claude Code, Codex, Cursor, VS Code, Gemini CLI, Windsurf, ChatGPT หรือแอป Claude ลงชื่อเข้าใช้ในเบราว์เซอร์หนึ่งครั้ง แล้วบอกว่า “พุชแอปนี้ไปที่ MonstarX แล้วส่งลิงก์มาให้หน่อย” จากนั้นเอเจนต์จะพุชเวอร์ชันใหม่ ดึงการเปลี่ยนแปลงจาก MonstarX สั่งให้ MonstarX สร้าง ตั้งค่าข้อมูลลับ และเผยแพร่ได้

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

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

เอเจนต์เชื่อมต่อผ่าน MCP (Model Context Protocol ซึ่งเป็นมาตรฐานที่ให้เครื่องมือ AI ใช้บริการอื่นได้) เซิร์ฟเวอร์ MCP ของ MonstarX อยู่ที่

https://monstarx.com/mcp

หน้าเซิร์ฟเวอร์ MCP ของ MonstarX แสดง สร้างในเอเจนต์ของคุณ เผยแพร่บน MonstarX ที่อยู่ https://monstarx.com/mcp พร้อมปุ่ม คัดลอก URL รายชื่อเอเจนต์ที่ใช้ได้ และปุ่มคัดลอกพรอมต์ตั้งค่าสำหรับเอเจนต์ของคุณ

คู่มือสำหรับนักพัฒนาฉบับเต็มอยู่ที่หน้า MCP ของ MonstarX

เชื่อมต่อเอเจนต์อย่างไร

เปิด การตั้งค่าAPI & MCP ใต้ เชื่อมต่อเอเจนต์เขียนโค้ด ให้เลือกเอเจนต์ของคุณ
เลือก ลงชื่อเข้าใช้ผ่านเบราว์เซอร์ ไว้ตามเดิม แล้วคัดลอกการตั้งค่าที่แสดงไปใส่ในเอเจนต์ แท็บด้านล่างแสดงการตั้งค่าเดียวกันสำหรับเอเจนต์ที่ใช้กันบ่อยที่สุด
ลงชื่อเข้าใช้ MonstarX เมื่อเอเจนต์ขอ เบราว์เซอร์จะเปิด MonstarX ให้ลงชื่อเข้าใช้แล้วกด อนุญาต ไม่ต้องใช้คีย์
บอกว่า “พุชแอปนี้ไปที่ MonstarX แล้วส่งลิงก์มาให้หน่อย”

เครื่องมือบรรทัดคำสั่งของ Claude Code แท็บ Code ในแอปเดสก์ท็อป และส่วนขยายสำหรับ IDE ใช้การตั้งค่าเดียวกัน รันคำสั่งนี้

claude mcp add --transport http --scope user monstarx https://monstarx.com/mcp

จากนั้นรัน /mcp ใน Claude Code เลือก monstarx แล้วเลือก Authenticate (หรือรัน claude mcp login monstarx) เบราว์เซอร์จะเปิด MonstarX ให้ลงชื่อเข้าใช้แล้วกด อนุญาต

--scope user ทำให้ใช้ MonstarX ได้ในทุกโฟลเดอร์ ถ้าไม่ใส่ จะเพิ่มให้เฉพาะโปรเจกต์ปัจจุบัน

สำหรับเครื่องมือบรรทัดคำสั่งและส่วนขยาย IDE ของ Codex จาก OpenAI ให้รัน

codex mcp add monstarx --url https://monstarx.com/mcp
codex mcp login monstarx

คำสั่ง login จะเปิดเบราว์เซอร์ ให้ลงชื่อเข้าใช้ MonstarX แล้วกด อนุญาต

โดยค่าเริ่มต้น Codex รันคำสั่งโดยไม่มีการเข้าถึงเครือข่าย แต่การพุชแอปต้องใช้เครือข่าย อนุมัติคำสั่งอัปโหลดเมื่อ Codex ถาม หรืออนุญาตการเข้าถึงเครือข่ายสำหรับเซสชันนั้น

คลิก Add to Cursor ในการตั้งค่า Cursor ในหน้าการตั้งค่า หรือเพิ่ม MonstarX ลงใน ~/.cursor/mcp.json

{
  "mcpServers": {
    "monstarx": {
      "url": "https://monstarx.com/mcp"
    }
  }
}

Cursor จะแสดง MonstarX ใต้ Settings → MCP พร้อมปุ่มลงชื่อเข้าใช้ ให้ลงชื่อเข้าใช้แล้วกด อนุญาต ในเอเจนต์บรรทัดคำสั่งของ Cursor ใช้ agent mcp login monstarx

สำหรับโหมดเอเจนต์ของ GitHub Copilot คลิก Install in VS Code ในการตั้งค่า VS Code ในหน้าการตั้งค่า หรือรัน

code --add-mcp '{"name":"monstarx","type":"http","url":"https://monstarx.com/mcp"}'

VS Code จะขอให้ลงชื่อเข้าใช้ในครั้งแรกที่เครื่องมือของ MonstarX ทำงาน ให้ลงชื่อเข้าใช้แล้วกด อนุญาต

รันคำสั่งนี้

gemini mcp add --transport http monstarx https://monstarx.com/mcp

จากนั้นรัน /mcp auth monstarx ใน Gemini CLI แล้วกด อนุญาต ในเบราว์เซอร์

เพิ่ม MonstarX ลงใน ~/.codeium/windsurf/mcp_config.json แล้ว Cascade จะขอให้ลงชื่อเข้าใช้ในครั้งแรก

{
  "mcpServers": {
    "monstarx": {
      "serverUrl": "https://monstarx.com/mcp"
    }
  }
}

ในแพ็กเกจ Free, Pro และ Max ไปที่ Customize → Connectors → Add custom connector วาง https://monstarx.com/mcp แล้วคลิก Connect ลงชื่อเข้าใช้ MonstarX แล้วกด อนุญาต ในแพ็กเกจ Team และ Enterprise ผู้ที่มีบทบาท Owner จะเพิ่มไว้ใต้ Organization settings → Connectors แล้วสมาชิกกด Connect

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

เปิด Developer mode ในการตั้งค่าของ ChatGPT (ในแพ็กเกจ Business และ Enterprise ผู้ดูแลระบบต้องอนุญาตก่อน) จากนั้นสร้างแอปหรือตัวเชื่อมต่อใหม่ด้วยที่อยู่ https://monstarx.com/mcp แล้วเลือก OAuth ChatGPT จะถามก่อนใช้เครื่องมือที่เปลี่ยนแปลงข้อมูลทุกครั้ง

หน้าการตั้งค่ายังครอบคลุม Grok, Lovable, Bolt & v0, Replit, Figma และ ไคลเอนต์อื่น ๆ ซึ่งก็คือเครื่องมือใดก็ได้ที่ใช้ MCP ได้ คู่มือสำหรับนักพัฒนาฉบับเต็มที่มีไคลเอนต์มากกว่านี้อยู่ใน เอกสารประกอบ ด้านบนของ การตั้งค่าAPI & MCP

ถ้าเอเจนต์ต้องใช้คีย์ล่ะ

Windsurf, Gemini CLI สคริปต์ และ CI ใช้คีย์ API แทนการลงชื่อเข้าใช้ผ่านเบราว์เซอร์ สร้างคีย์ได้ใน การตั้งค่าAPI & MCP ใต้ คีย์ API แล้วสลับการตั้งค่าของเอเจนต์เป็น คีย์ API เพื่อดูเวอร์ชันที่มีคีย์อยู่ในนั้น ดูวิธีสร้าง ใช้ และเพิกถอนคีย์ได้ที่ API & MCP และอย่าใส่คีย์ไว้ในโค้ดหรือแชท เพราะคีย์ทำงานในนามของคุณในทุกโปรเจกต์

สั่งให้เอเจนต์ทำอะไรได้บ้าง

เมื่อเชื่อมต่อแล้ว คุยกับเอเจนต์ด้วยภาษาธรรมดาได้เลย ลองคำสั่งเหล่านี้

“พุชแอปนี้ไปที่ MonstarX แล้วส่งลิงก์มาให้หน่อย”
“พุชการเปลี่ยนแปลงของฉันไปที่ MonstarX”
“ดึงเวอร์ชันล่าสุดจาก MonstarX แล้วรวมกับการเปลี่ยนแปลงของฉัน”
“ให้ MonstarX เพิ่มหน้าชำระเงินด้วย Stripe แล้วดึงการเปลี่ยนแปลงกลับมา”
“เผยแพร่แอปบน MonstarX”

ในแอปแชทที่ไม่มีบรรทัดคำสั่ง (แอป Claude หรือ ChatGPT) ลองพิมพ์ “สร้างแอปจองคิวสำหรับร้านทำผมของฉันบน MonstarX” “นำเข้า github.com/me/my-app ไปที่ MonstarX” หรือ “ตอนนี้ MonstarX กำลังทำอะไรอยู่ในโปรเจกต์ Harbour Watch ของฉัน”

เมื่อเอเจนต์พุชแอปจะเกิดอะไรขึ้น

เอเจนต์ขอลิงก์อัปโหลดแบบใช้ครั้งเดียวจาก MonstarX แล้วส่งโฟลเดอร์ของแอปด้วยคำสั่งเดียว node_modules ผลลัพธ์จากการบิลด์ และไฟล์ .env จะอยู่ในเครื่องของคุณ และไฟล์ไม่ได้ผ่านโมเดล AI เลย แอปใหญ่จึงไม่เปลืองโทเค็นมากกว่าแอปเล็ก
MonstarX ตรวจว่าแอปเป็นแอปแบบไหน (เป็นการตรวจแบบเดียวกับการนำเข้าแอป) แล้วรันในพรีวิวสดด้วยแพ็กเกจของแอปเอง
เอเจนต์จะได้รับลิงก์โปรเจกต์ สิ่งที่ MonstarX ตรวจพบ และคีย์ที่แอปยังต้องใช้

การพุชครั้งต่อ ๆ ไปจะกลายเป็นเวอร์ชันใหม่ใน เวอร์ชัน ตั้งชื่อตามเอเจนต์ (“พุชจาก Claude Code”) พร้อมโน้ตในแชท ให้คุณและเอเจนต์ MonstarX รู้ว่ามีอะไรเปลี่ยน ถ้ามีคนสร้างอะไรใน MonstarX หลังจากที่เอเจนต์ดึงสำเนาล่าสุดไป การพุชจะถูกปฏิเสธเพื่อไม่ให้เขียนทับงานของเขา เอเจนต์จะดาวน์โหลดเวอร์ชันของ MonstarX รวมการเปลี่ยนแปลง แล้วพุชอีกครั้ง

MonstarX ให้เครื่องมืออะไรกับเอเจนต์บ้าง

เครื่องมือ	ทำอะไร
`get_account`	บัญชี แพ็กเกจ และโควตาที่เหลืออยู่
`list_projects`	โปรเจกต์ของคุณ เรียงจากที่เปลี่ยนล่าสุด
`get_project`	ภาพรวมของโปรเจกต์หนึ่ง ทั้งสิ่งที่ MonstarX กำลังทำ พรีวิว การเผยแพร่ และข้อมูลลับที่ยังขาด
`prepare_upload`	ลิงก์อัปโหลดแบบใช้ครั้งเดียวและคำสั่งสำหรับพุชโฟลเดอร์ปัจจุบัน เป็นโปรเจกต์ใหม่หรือเวอร์ชันใหม่
`import_from_github`	นำเข้าแอปจากรีโพซิทอรี GitHub
`push_files`	เขียนไฟล์ไม่กี่ไฟล์โดยตรง สำหรับการแก้ไขเล็ก ๆ หรือเอเจนต์ที่ไม่มีบรรทัดคำสั่ง
`create_project`	ให้ MonstarX สร้างแอปใหม่จากคำอธิบาย รูปภาพ หรือเอกสาร
`read_files`	แสดงรายการหรืออ่านไฟล์ของโปรเจกต์
`download_project`	ลิงก์ดาวน์โหลดแบบใช้ครั้งเดียวและคำสั่งสำหรับแตกไฟล์โปรเจกต์
`send_message`	สั่งให้เอเจนต์ MonstarX สร้าง ตอบ หรือวางแผน เหมือนพิมพ์ในเวิร์กสเปซเอง
`get_messages`	อ่านแชทของโปรเจกต์ โดยเลือกให้รอจน MonstarX ตอบเสร็จได้
`stop`	หยุดสิ่งที่ MonstarX กำลังทำในโปรเจกต์
`publish_project`	นำเวอร์ชันปัจจุบันขึ้นออนไลน์
`set_secrets`	เก็บคีย์ที่แอปใช้แบบเข้ารหัสไว้ใน แบ็กเอนด์ → ข้อมูลลับ
`get_logs`	สถานะและผลลัพธ์ของพรีวิว และเริ่มพรีวิวที่หยุดอยู่ได้

ทุกเครื่องมือทำงานกับโปรเจกต์ที่คุณเป็นเจ้าของเท่านั้น เครื่องมือที่อ่านอย่างเดียวจะมีป้ายกำกับไว้ เอเจนต์จึงรันได้โดยไม่ต้องถาม ส่วนการเผยแพร่จะถามก่อนเสมอ

ขีดจำกัด

การอัปโหลด ไม่เกิน 100 MB สำหรับไฟล์ .tar.gz (ที่คำสั่งพุชสร้างให้) หรือ 50 MB สำหรับไฟล์ .zip ไฟล์ที่ใหญ่กว่า 10 MB จะถูกข้ามและแสดงเป็นรายการไว้
push_files 200 ไฟล์ ไฟล์ละไม่เกิน 400 KB และไม่เกิน 2 MB ต่อการเรียกหนึ่งครั้ง
ลิงก์ สำหรับอัปโหลดและดาวน์โหลดใช้ได้ครั้งเดียว ภายใน 15 นาที
การพุชที่จะลบไฟล์ส่วนใหญ่ของโปรเจกต์ (เหลือไฟล์ไม่ถึงหนึ่งในสี่) จะถูกปฏิเสธ เพราะเกือบทุกครั้งเป็นการพุชผิดโฟลเดอร์
การพุชจะถูกปฏิเสธระหว่างที่ MonstarX กำลังสร้าง ในโปรเจกต์นั้น
โควตา การสั่งให้ MonstarX สร้าง (send_message, create_project) ใช้โควตาของแพ็กเกจ ส่วนการพุช นำเข้า ดาวน์โหลด อ่าน และเผยแพร่ไม่ใช้
คีย์ API ไม่เกิน 20 คีย์ต่อบัญชี การลงชื่อเข้าใช้ผ่านเบราว์เซอร์จะคงอยู่ 90 วันนับจากการใช้งานล่าสุด

การแก้ปัญหา

เครื่องมือของ MonstarX ไม่แสดงขึ้นมา เอเจนต์ส่วนใหญ่โหลดเซิร์ฟเวอร์ตอนเริ่มเซสชัน ให้เริ่มเซสชันใหม่ ใน Claude Code คำสั่ง /mcp จะบอกว่าเชื่อมต่อ MonstarX อยู่หรือไม่
ขึ้นว่า “Sign in” หรือข้อผิดพลาดว่าไม่ได้รับอนุญาต การลงชื่อเข้าใช้หมดอายุหรือคีย์ถูกเพิกถอน ลงชื่อเข้าใช้อีกครั้ง (/mcp ใน Claude Code หรือ codex mcp login monstarx) หรือสร้างคีย์ใหม่
Codex อัปโหลดไม่ได้ แซนด์บ็อกซ์ของ Codex บล็อกเครือข่าย ให้อนุมัติคำสั่ง หรืออนุญาตการเข้าถึงเครือข่าย
ขึ้นว่า “This upload has 3 files and the project has 214” คำสั่งรันผิดโฟลเดอร์ ให้รันในโฟลเดอร์ที่มี package.json
ขึ้นว่า “The files in MonstarX changed since your copy was taken” มีคนสร้างอะไรใน MonstarX หลังการพุชครั้งล่าสุดของคุณ ให้เอเจนต์ดาวน์โหลด รวมการเปลี่ยนแปลง แล้วพุชอีกครั้ง
หารีโพซิทอรี GitHub ส่วนตัวไม่เจอ เชื่อมต่อ GitHub ใน MonstarX ก่อน ดูที่ GitHub
แอปไม่เริ่มทำงาน ให้เอเจนต์ตรวจบันทึก ถ้าขาดคีย์ ตั้งค่าได้ด้วย set_secrets

ยกเลิกการเชื่อมต่อเอเจนต์อย่างไร

เปิด การตั้งค่าAPI & MCP แล้วคลิก ยกเลิกการเชื่อมต่อ ข้างเอเจนต์ใต้ เอเจนต์ที่เชื่อมต่อ เอเจนต์จะลงชื่อออกทันที เอเจนต์ที่ใช้คีย์จะหยุดทำงานเมื่อคุณ เพิกถอน คีย์ ดูที่ API & MCP

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

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

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

ไฟล์ .env จะอัปโหลดขึ้นไปด้วยไหม

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

สร้างต่อทั้งในเอเจนต์และใน MonstarX ได้ไหม

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

แอปแบบไหนรันบน MonstarX ได้

แอปที่สร้างด้วย MonstarX และแอป Vite (React, Vue, Svelte รวมถึงทุกแอปที่ส่งออกจาก Lovable, Bolt และ v0) รันและเผยแพร่ที่นี่ได้ ส่วน Next.js, Remix, Astro, Nuxt และ SvelteKit รันในพรีวิวได้ แต่ต้องเผยแพร่บนโฮสต์ของตัวเอง แอปแบบอื่นสร้างใหม่เป็นเว็บแอปได้

เหมือนกับตัวเชื่อมต่อ MCP ไหม

ไม่เหมือน เป็นทิศทางตรงกันข้าม ในหน้านี้เอเจนต์ของคุณเป็นฝ่ายใช้ MonstarX ส่วนตัวเชื่อมต่อ MCP ให้ MonstarX ใช้เซิร์ฟเวอร์ MCP อื่น

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

เริ่มจากเอเจนต์เขียนโค้ดของคุณพุชแอปที่สร้างจากที่อื่นมาเป็นโปรเจกต์ใหม่

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

นำเข้าแอปอะไรรันบน MonstarX ได้บ้าง และการนำเข้าทำงานอย่างไร

GitHubเก็บโปรเจกต์ไว้ในรีโพซิทอรี GitHub