BỘ CÔNG CỤ MÃ NGUỒN MỞ CHO ELEMENTOR + AI AGENT · MIỄN PHÍ · MIT · ĐỘC LẬP — KHÔNG PHẢI SẢN PHẨM CỦA ELEMENTOR LTD
Claude Code
Cursor
Codex
Copilot
mọi agent MCP
Một prompt đưa vào.
Ra một site Elementor.
Xây site Elementor bằng chính AI agent của bạn. Agent của bạn vốn đã viết được trang Elementor — nhưng viết mù, giữa hàng nghìn dòng JSON thô. Đó là lý do những trang ấy trông đúng kiểu do agent làm. Ultra trao cho agent component có kiểu, hot reload, và kiểm tra đạt/rớt tự động sau mỗi lần lưu. Trang đẹp là chuyện tự nhiên khi agent nhìn thấy được thứ mình đang làm.
Dành cho developer và agency làm site khách hàng trên Elementor, build bằng Claude Code, Cursor, Codex hay bất kỳ agent MCP nào.
Chào mừng cả agent — nhấn A để xem phiên bản máy-đọc-được của trang này.
01
Bằng chứng, ngay trên camera
Tám site thật trên web, được agent dựng lại trực tiếp.
Mỗi phim là một cú quay liền mạch không cắt ghép — cùng phần nội dung công khai, cùng asset với site gốc. Con người nhập một prompt duy nhất, rồi agent xây từng section trên một site WordPress đang chạy thật, với kiểm tra đạt/rớt sau mỗi lần lưu — và phim kết thúc ngay trong trình soạn thảo Elementor thật. Đồng hồ trên màn hình là thời gian thực đã trôi qua: không cắt, không tua nhanh để che giấu điều gì.
BẢY SITE CÒN LẠI — BẤM VÀO THẺ ĐỂ TẢI PHIM VÀO TRÌNH PHÁT
02
Trước / sau
Cùng một hero. 3.400 dòng JSON viết mù —
hay chín dòng JSX có kiểu.
THỨ AGENT CỦA BẠN ĐANG VIẾT HÔM NAY — VIẾT MÙ
CÙNG SECTION ĐÓ, VỚI ULTRA
Claude CodeElementor Ultra· đang xemBên trái là JSON thật được lưu của hero trong phim #2 — bề mặt mà các agent vẫn phải viết tay cho đến nay. Bên phải là component có kiểu sinh ra nó, nơi lỗi sai bị chặn ngay lúc build thay vì xuất hiện trên site của khách hàng bạn.
Backup trước mỗi lần ghi. Validator phía server từ chối trang lỗi trước khi lưu. Luôn có rollback. Agent có ảo giác cũng không thể phá hỏng site của bạn.
03
Vòng lặp
Lưu một file. Site cập nhật. Các gate chạy.
SAVE
một file component
BUILD
rebuild trong vài ms
DEPLOY
theo diff, ~3 s
RELOAD
preview trực tiếp
GATES
1200 · 1920 · 390
TRỰC TIẾP — VÒNG LẶP KHI ĐANG CHẠY (DÒNG LOG HOUSEMAIT THẬT)
Dòng FAIL đó chính là điểm mấu chốt. Gate là các kiểm tra đạt/rớt tự động ở 1200, 1920 và 390 px — desktop, màn rộng và mobile. Agent thấy kết quả sau mỗi lần lưu và tự sửa ở lần lưu tiếp theo. Việc kiểm tra kết quả nằm sẵn trong vòng lặp, không phải một script bạn phải nhớ chạy lúc cuối.
04
Bộ stack
Năm mảnh ghép. Dùng cả năm, hoặc chỉ một.
01
COMPILER + CLI
@algorismus/elementor-jsx
JSX có kiểu → JSON Elementor V4 gốc. Build, deploy, lint, media, import — và vòng lặp trực tiếp exjsx dev.
02
MCP SERVER
@algorismus/elementor-ultra-mcp
Hơn 90 tool cho mọi agent MCP: dựng trang, refactor, quản lý design system, chuyển HTML sang Elementor.
03
PLUGIN ĐI KÈM
Plugin WordPress · GPL
Đường ghi REST chính thống trên site: xác thực phía server, backup, rollback, thăm dò quyền hạn.
04
VERIFY STUDIO
@algorismus/elementor-ultra-studio
Sau mỗi lần deploy: kiểm tra đạt/rớt ở ba độ rộng, kiểm tra sức khỏe site, và đo đạc layout — tự động qua Playwright.
05
WORDPRESS LOCAL
@algorismus/elementor-ultra-playground
WordPress + Elementor thật từ snapshot dựng sẵn, trong vài giây. Node thuần — không cần Docker.
Chưa biết bắt đầu từ đâu? Riêng compiler thôi là đủ — npm i -D @algorismus/elementor-jsx. Các mảnh còn lại sẽ vào cuộc khi bạn cần.
8 SITE SHIP TRỌN TRÊN CAMERA
17–31 PHÚT MỖI SITE
0 CHỈNH SỬA THỦ CÔNG
400+ TEST CHO COMPILER · KIỂM CHỨNG VỚI ELEMENTOR 4.1.4 / 4.2.0
05
Bắt đầu
Chạy được chỉ với một lần dán.
dán đoạn này cho AI agent của bạn — Claude Code, Cursor, Windsurf, bất kỳ thứ gì hỗ trợ 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
MIỄN PHÍ & MIT · NODE 18+ · KHÔNG CẦN DOCKER · ELEMENTOR FREE LÀ ĐỦ
Muốn đọc trước khi cho agent chạy trên máy mình? SETUP.md chính là file mà agent của bạn sẽ làm theo.
Agent của bạn có thể xây site tiếp theo.
COLOPHON — trang này thực hành đúng điều nó nói: một AI agent đã xây nó bằng elementor-jsx, deploy qua chính vòng lặp nó mô tả, và vượt qua chính các gate đó. Không một chỉnh sửa thủ công. Gạt công tắc để đọc mã nguồn của trang.
MIT © 2026 Algorismus. Không liên kết hay được bảo chứng bởi Elementor Ltd — "Elementor" là thương hiệu của họ; đây là một stack độc lập, có khả năng tương tác. Các phim là bản nghiên cứu thiết kế từ những site thật, dựng lại bằng nội dung và asset công khai của họ để kiểm thử bộ công cụ.
# 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.