ทูลเชนโอเพนซอร์สสำหรับ ELEMENTOR + AI AGENT · ฟรี · MIT · เป็นอิสระ — ไม่ใช่ผลิตภัณฑ์ของ ELEMENTOR LTD
สร้างเว็บ Elementor ด้วย AI agent ของคุณเอง เอเจนต์ของคุณเขียนหน้า Elementor ได้อยู่แล้ว — แต่เขียนแบบตาบอด ท่ามกลาง JSON ดิบหลายพันบรรทัด นั่นแหละคือเหตุผลที่หน้าพวกนั้นดูออกทันทีว่าเอเจนต์สร้าง Ultra ให้เอเจนต์มีคอมโพเนนต์แบบ typed, hot reload และการตรวจ pass/fail อัตโนมัติทุกครั้งที่เซฟ หน้าเว็บสวย ๆ คือสิ่งที่เกิดขึ้นเมื่อเอเจนต์มองเห็นสิ่งที่ตัวเองกำลังทำ
สำหรับนักพัฒนาและเอเจนซี่ที่ส่งมอบเว็บลูกค้าบน Elementor และทำงานด้วย Claude Code, Cursor, Codex หรือ MCP agent ตัวไหนก็ได้
เอเจนต์ก็ยินดีต้อนรับ — กด A เพื่อดูเวอร์ชันที่เครื่องอ่านได้ของหน้านี้
01
พิสูจน์กันหน้ากล้อง
แต่ละคลิปคือเทคเดียวไม่ตัดต่อ — ใช้ข้อความและ asset สาธารณะชุดเดียวกับเว็บต้นฉบับ มนุษย์พิมพ์พรอมต์เดียว จากนั้นเอเจนต์ก็สร้างทีละเซกชันบนเว็บ WordPress จริงที่รันอยู่ พร้อมการตรวจ pass/fail ทุกครั้งที่เซฟ — และคลิปจบลงในตัวแก้ไข Elementor ของจริง ตัวจับเวลาบนจอคือเวลาจริงที่ผ่านไป: ไม่มีการตัด ไม่มีการเร่งสปีดเพื่อซ่อนอะไรทั้งนั้น
อีกเจ็ดเว็บที่เหลือ — คลิกการ์ดเพื่อโหลดคลิปเข้าเครื่องเล่น
02
ก่อน / หลัง
สิ่งที่เอเจนต์ของคุณเขียนอยู่ทุกวันนี้ — แบบตาบอด
เซกชันเดียวกัน แต่ใช้ ULTRA
ฝั่งซ้ายคือ JSON จริงตามที่ถูกจัดเก็บของ hero ในคลิป #2 — พื้นผิวที่เอเจนต์ต้องเขียนมือมาจนถึงวันนี้ ฝั่งขวาคือคอมโพเนนต์แบบ typed ที่สร้างมันขึ้นมา ที่ซึ่งความผิดพลาดจะพังตั้งแต่ตอน build ไม่ใช่บนเว็บของลูกค้าคุณ
แบ็กอัพก่อนเขียนทุกครั้ง ตัวตรวจสอบฝั่งเซิร์ฟเวอร์ปฏิเสธหน้าที่ผิดก่อนจะถูกบันทึก ย้อนกลับได้เสมอ เอเจนต์ที่หลอนไปเองไม่มีทางทำเว็บคุณพัง
03
ลูป
SAVE
ไฟล์คอมโพเนนต์
BUILD
รีบิลด์ในหลัก ms
DEPLOY
อิงตาม diff, ~3 วิ
RELOAD
พรีวิวสด
GATES
1200 · 1920 · 390
LIVE — ลูปขณะรันจริง (บรรทัด LOG จริงจาก HOUSEMAIT)
บรรทัด FAIL นั่นแหละคือประเด็น เกตคือการตรวจ pass/fail อัตโนมัติที่ 1200, 1920 และ 390 px — เดสก์ท็อป จอกว้าง และมือถือ เอเจนต์เห็นผลตัดสินทุกครั้งที่เซฟ และแก้ตัวเองในเซฟถัดไป การตรวจผลลัพธ์ถูกฝังอยู่ในลูป ไม่ใช่สคริปต์ที่คุณต้องจำเอาเองว่าให้รันตอนท้าย
04
สแต็ก
01
คอมไพเลอร์ + CLI
@algorismus/elementor-jsx
JSX แบบ typed → JSON เนทีฟของ Elementor V4 ทั้ง build, deploy, lint, media, import — และลูปสด exjsx dev
02
MCP SERVER
@algorismus/elementor-ultra-mcp
เครื่องมือ 90+ ตัวสำหรับ MCP agent ทุกตัว: สร้างหน้า รีแฟกเตอร์ จัดการดีไซน์ซิสเต็ม แปลง HTML เป็น Elementor
03
ปลั๊กอินคู่หู
ปลั๊กอิน WordPress · GPL
เส้นทางเขียนผ่าน REST ที่เป็นตัวจริงบนเว็บ: การตรวจสอบฝั่งเซิร์ฟเวอร์ แบ็กอัพ ย้อนกลับ และตรวจสอบสิทธิ์การใช้งาน
04
VERIFY STUDIO
@algorismus/elementor-ultra-studio
หลัง deploy ทุกครั้ง: ตรวจ pass/fail ที่สามความกว้าง เช็กสุขภาพเว็บ และวัดเลย์เอาต์ — อัตโนมัติผ่าน Playwright
05
WORDPRESS ในเครื่อง
@algorismus/elementor-ultra-playground
WordPress + Elementor ของจริงจาก snapshot ที่อบไว้ล่วงหน้า ภายในไม่กี่วินาที Node ล้วน ๆ — ไม่ต้องใช้ Docker
ไม่รู้จะเริ่มตรงไหน? แค่คอมไพเลอร์ตัวเดียวก็พอ — npm i -D @algorismus/elementor-jsx ชิ้นที่เหลือค่อยตามเข้ามาเมื่อคุณต้องการ
8 เว็บส่งมอบหน้ากล้อง
17–31 นาทีต่อเว็บ
มนุษย์แก้ 0 ครั้ง
เทสต์คอมไพเลอร์ 400+ รายการ · ตรวจสอบกับ ELEMENTOR 4.1.4 / 4.2.0
05
เริ่ม
วางข้อความนี้ให้ AI agent ของคุณ — Claude Code, Cursor, Windsurf หรืออะไรก็ได้ที่รองรับ MCP
ฟรี & MIT · NODE 18+ · ไม่ต้องใช้ DOCKER · ELEMENTOR ฟรีก็เพียงพอ
อยากอ่านก่อนปล่อยเอเจนต์รันบนเครื่องของคุณ? SETUP.md คือไฟล์ตัวเดียวกับที่เอเจนต์ของคุณทำตามเป๊ะ ๆ
COLOPHON — หน้านี้ทำตามที่ตัวเองพูดทุกอย่าง: AI agent สร้างมันด้วย elementor-jsx, deploy ผ่านลูปแบบเดียวกับที่บรรยายไว้ และผ่านเกตชุดเดียวกัน มนุษย์แก้ 0 ครั้ง สลับสวิตช์เพื่ออ่านซอร์สของหน้านี้
MIT © 2026 Algorismus ไม่ได้มีส่วนเกี่ยวข้องหรือได้รับการรับรองจาก Elementor Ltd — "Elementor" เป็นเครื่องหมายการค้าของบริษัทดังกล่าว นี่คือสแต็กอิสระที่ทำงานร่วมกันได้ คลิปทั้งหมดเป็น design study ของเว็บจริง สร้างใหม่ด้วยข้อความและ asset สาธารณะของเว็บนั้น ๆ เพื่อทดสอบทูลเชน