ทูลเชนโอเพนซอร์สสำหรับ 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

ห้าสิบหน้าในหนึ่งวัน

ห้าสิบแบรนด์ที่แต่งขึ้น ห้าสิบหน้า Elementor ของจริง

รันเดียว ห้าสิบบรีฟ ใช้เวลาราวหนึ่งวันของนักพัฒนาหนึ่งคน แต่ละบรีฟระบุแค่ชื่อธุรกิจสมมติ กลุ่มเป้าหมาย และแนวทางภาพ — จากนั้นเอเจนต์ก็ลุยต่อเองทั้งหมด ทั้งอาร์ตไดเรกชัน พาเลตต์สี ฟอนต์ คอปปี้ ภาพประกอบ และการสร้างหน้า Elementor แบบเนทีฟผ่าน exjsx ไม่มีมนุษย์คนไหนเขียนเลย์เอาต์ มนุษย์แค่ไล่ดีบักส่วนที่พัง แล้วจัดอันดับทั้งห้าสิบหน้าด้วยสายตา ดีที่สุดขึ้นก่อน หน้าที่อ่อนก็ยังอยู่ในลิสต์

50 หน้า · 50 อาร์ตไดเรกชัน · รันเดียว · ลูป 6 วินาที ไม่มีเสียง

สิบอันดับแรกจากห้าสิบ — จัดอันดับด้วยการรีวิวงานออกแบบโดยมนุษย์

RUNTIME

งานประชุมนักพัฒนา

ตัวอักษรยักษ์ทำหน้าที่เป็นเลย์เอาต์

Blunt Instrument

เอเจนซีเพอร์ฟอร์แมนซ์มาร์เก็ตติ้ง

ตัวอักษรยักษ์ทำหน้าที่เป็นเลย์เอาต์

Loud Quarry

เทศกาลดนตรี

กำแพงโปสเตอร์ / สเปรดซีน

Fourth Hand

มาร์เก็ตเพลสนาฬิกาวินเทจ

กริดแบบแคตตาล็อก

Hard Turn

เอเจนซีออกแบบอัตลักษณ์แบรนด์

คอลลาจแนวทแยงแบบอสมมาตร

Casa Ocotillo

โรงแรมบูทีก

สกรอลเลอร์แบบแบ่งครึ่งจอ

Onsen Mirador

โรงอาบน้ำและสปา

สกรอลเลอร์แบบแบ่งครึ่งจอ

The Undertow

นิตยสารข่าวเชิงสืบสวน

แถบสารบัญแบบนิตยสาร

The Ward

สหกรณ์ข่าวท้องถิ่น

ลองฟอร์มคอลัมน์เดียว

Kilnhouse

เครื่องครัวแบรนด์ DTC

กริดแบบแคตตาล็อก

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

03

ก่อน / หลัง

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

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

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

Claude Code
คุณ
Elementor Ultra· กำลังดู

ฝั่งซ้ายคือ JSON จริงตามที่ถูกจัดเก็บของ hero ในคลิป #2 — พื้นผิวที่เอเจนต์ต้องเขียนมือมาจนถึงวันนี้ ฝั่งขวาคือคอมโพเนนต์แบบ typed ที่สร้างมันขึ้นมา ที่ซึ่งความผิดพลาดจะพังตั้งแต่ตอน build ไม่ใช่บนเว็บของลูกค้าคุณ

แบ็กอัพก่อนเขียนทุกครั้ง ตัวตรวจสอบฝั่งเซิร์ฟเวอร์ปฏิเสธหน้าที่ผิดก่อนจะถูกบันทึก ย้อนกลับได้เสมอ เอเจนต์ที่หลอนไปเองไม่มีทางทำเว็บคุณพัง

04

ลูป

เซฟไฟล์หนึ่งครั้ง เว็บอัปเดต เกตรันตรวจ

SAVE

ไฟล์คอมโพเนนต์

BUILD

รีบิลด์ในหลัก ms

DEPLOY

อิงตาม diff, ~3 วิ

RELOAD

พรีวิวสด

GATES

1200 · 1920 · 390

LIVE — ลูปขณะรันจริง (บรรทัด LOG จริงจาก HOUSEMAIT)

บรรทัด FAIL นั่นแหละคือประเด็น เกตคือการตรวจ pass/fail อัตโนมัติที่ 1200, 1920 และ 390 px — เดสก์ท็อป จอกว้าง และมือถือ เอเจนต์เห็นผลตัดสินทุกครั้งที่เซฟ และแก้ตัวเองในเซฟถัดไป การตรวจผลลัพธ์ถูกฝังอยู่ในลูป ไม่ใช่สคริปต์ที่คุณต้องจำเอาเองว่าให้รันตอนท้าย

05

สแต็ก

ห้าชิ้น จะใช้ทั้งหมดหรือแค่ชิ้นเดียวก็ได้

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

06

เริ่ม

พร้อมใช้งานในวางเดียว

วางข้อความนี้ให้ 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

SHOWCASE .... 50 more pages, one run, ~1 developer day. fifty invented
              brands, fifty real Elementor pages; each brief named a
              fictional business, an audience and a visual archetype,
              the agent did art direction, copy, imagery and the build.
              humans debugged and ranked them best-first; the weak ones
              were kept. every case study embeds the live page,
              sandboxed. all fifty are fictional demonstrations — no
              real offers, endorsements, or advice.
              archive ..... https://exjsx.dev/showcase/
              machine idx . https://exjsx.dev/showcase/index.json
              how it was made https://exjsx.dev/showcase/ai-content/

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.