ทูลเชนโอเพนซอร์สสำหรับ ELEMENTOR + AI AGENT · ฟรี · MIT · เป็นอิสระ — ไม่ใช่ผลิตภัณฑ์ของ ELEMENTOR LTD

ใช้ได้กับ Claude Code Cursor Codex Copilot MCP agent ตัวไหนก็ได้

พรอมต์เดียวเข้า
Elementor เว็บ Elementor ออก

สร้างเว็บ 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 ของจริง ตัวจับเวลาบนจอคือเวลาจริงที่ผ่านไป: ไม่มีการตัด ไม่มีการเร่งสปีดเพื่อซ่อนอะไรทั้งนั้น

HOUSEMAIT — 9 เซกชัน · เวลาเอเจนต์ 31 นาที · มนุษย์แก้ 0 ครั้ง

อีกเจ็ดเว็บที่เหลือ — คลิกการ์ดเพื่อโหลดคลิปเข้าเครื่องเล่น

Housemait

SaaS แอปครอบครัว

9 เซกชัน · 31 นาที

Canopy

เว็บการตลาด SaaS

10 เซกชัน · 17 นาที

Alike.page

หน้าร้านครีเอเตอร์

8 เซกชัน · 22 นาที

Triple Kingdom

เว็บเกมอินดี้

8 เซกชัน · 25 นาที

Billow

SaaS การเงิน

9 เซกชัน · 25 นาที

Michael Pumo

พอร์ตโฟลิโอนักพัฒนา

8 เซกชัน · 30 นาที

Mat.

เว็บแอป iOS

6 เซกชัน · 21 นาที

BT—26

เว็บอีเวนต์

8 พาร์ต · 24 นาที

02

ก่อน / หลัง

Hero เดียวกัน JSON ตาบอด 3,400 บรรทัด —
หรือ JSX แบบ typed เก้าบรรทัด

สิ่งที่เอเจนต์ของคุณเขียนอยู่ทุกวันนี้ — แบบตาบอด

เซกชันเดียวกัน แต่ใช้ ULTRA

Claude Code
คุณ
Elementor 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

Set up Elementor Ultra on this machine by fetching and following
https://raw.githubusercontent.com/Algorismus-io/elementor-ultra/main/SETUP.md
exactly, step by step. Work autonomously and verify each step.
# ถนัดแบบวิซาร์ดมากกว่า? npx @algorismus/create-elementor-ultra

ฟรี & MIT · NODE 18+ · ไม่ต้องใช้ DOCKER · ELEMENTOR ฟรีก็เพียงพอ

อยากอ่านก่อนปล่อยเอเจนต์รันบนเครื่องของคุณ? SETUP.md คือไฟล์ตัวเดียวกับที่เอเจนต์ของคุณทำตามเป๊ะ ๆ

อ่าน SETUP.md ก่อน ↗

เอเจนต์ของคุณสร้างเว็บถัดไปได้เลย

COLOPHON — หน้านี้ทำตามที่ตัวเองพูดทุกอย่าง: AI agent สร้างมันด้วย elementor-jsx, deploy ผ่านลูปแบบเดียวกับที่บรรยายไว้ และผ่านเกตชุดเดียวกัน มนุษย์แก้ 0 ครั้ง สลับสวิตช์เพื่ออ่านซอร์สของหน้านี้

MIT © 2026 Algorismus ไม่ได้มีส่วนเกี่ยวข้องหรือได้รับการรับรองจาก Elementor Ltd — "Elementor" เป็นเครื่องหมายการค้าของบริษัทดังกล่าว นี่คือสแต็กอิสระที่ทำงานร่วมกันได้ คลิปทั้งหมดเป็น design study ของเว็บจริง สร้างใหม่ด้วยข้อความและ asset สาธารณะของเว็บนั้น ๆ เพื่อทดสอบทูลเชน

# ELEMENTOR ULTRA :: MACHINE SURFACE
# for agents, crawlers, and humans who prefer it raw
# canonical for machines: https://exjsx.dev/llms.txt
# ────────────────────────────────────────────────────────────

WHAT ........ open-source toolchain: AI agents build native, editable
              Elementor pages. JSX in, Elementor V4 out over REST. MIT.

PREREQS ..... node >= 18; macOS / Linux / WSL2; no Docker; no existing
              WordPress needed (playground provides one); network:
              registry.npmjs.org + raw.githubusercontent.com

SETUP ....... paste to any MCP-capable agent:
              "Set up Elementor Ultra on this machine by fetching and following https://raw.githubusercontent.com/Algorismus-io/elementor-ultra/4b28b0c1ac863a27f9f1433fd4239054a0dffee6/SETUP.md step by step. Verify each step before the next."
              sha256(SETUP.md) = 67fc2699df8e42f56cb011096106cbc407199bb5
              065c55f2ea3b27a2de04f0a6
              latest (unpinned): .../main/SETUP.md

WIZARD ...... npx @algorismus/create-elementor-ultra@1.0.0
              interactive alternative to SETUP; both produce the same
              install. run one, not both.

CLI ......... exjsx = the CLI of @algorismus/elementor-jsx (npx exjsx)

STACK ....... @algorismus/elementor-jsx@1.6.0 ........ compiler + CLI
              @algorismus/elementor-ultra-mcp@1.0.0 .. 90+ MCP tools
              @algorismus/elementor-ultra-studio@0.5.0  gates + doctor
              @algorismus/elementor-ultra-playground@1.2.0  local WP
              elementor-ultra-mcp WP plugin@1.2.3 (GPL)  REST seam
              tested against: Elementor 4.1.4 / 4.2.0, free is enough

AUTH ........ MCP server -> WordPress REST via a WP Application
              Password (core mechanism, no custom tokens). created
              during setup; stored in your MCP client config for the
              server entry; revoke any time in WP Admin -> Users ->
              Profile -> Application Passwords.

LOOP ........ npx exjsx dev <site-dir> --gates
              <site-dir> = project folder from setup (exjsx init)
              save -> ms rebuild -> diff deploy -> hot reload
              -> pass/fail verify at 1200 / 1920 / 390 px viewports

VERIFY ...... after setup: npx eu-studio check --pages /
              expect: pass:true, gates green at all three widths

ON FAILURE .. every write is backed up first; per-page rollback via
              the elementor_page_rollback MCP tool (backups listed by
              elementor_page_list_backups). base_hash optimistic
              concurrency; op_id idempotency.

LIFECYCLE ... update: npm i -D @algorismus/elementor-jsx@latest, then
              rebuild + redeploy (see repo UPDATE.md). uninstall:
              remove the npm packages, the MCP server entry, the WP
              plugin, and the playground folder.

DOCS ........ https://docs.wpos.ai/ultra
REPO ........ https://github.com/Algorismus-io/elementor-jsx
SETUP REPO .. https://github.com/Algorismus-io/elementor-ultra
NPM ......... https://www.npmjs.com/package/@algorismus/elementor-jsx

PROOF ....... 8 production-shaped sites, built live on camera,
              one prompt each, zero human edits:
              housemait  9 sections  31 min
              canopy    10 sections  17 min
              alike      8 sections  22 min
              triple     8 sections  25 min
              billow     9 sections  25 min
              pumo       8 sections  30 min
              mat        6 sections  21 min
              bt26       8 parts     24 min
              films + scrollable results:
              https://docs.wpos.ai/ultra/examples/overview

SOURCE ...... this very page is elementor-jsx output. excerpt
              of the hero you just flipped from:

              <heading tag="h1" size={126}
                font={t.font.display} color={t.color.ink}>
                One prompt in. Elementor site out.
              </heading>

LICENSE ..... MIT (c) 2026 Algorismus (also operates wpos.ai; docs
              live there). independent, interoperating project — not
              affiliated with or endorsed by Elementor Ltd; "Elementor"
              is their trademark.

HUMAN? ...... there is a prettier version of this page.
              press H, or use the switch, top right.