TOOLCHAIN OPEN-SOURCE UNTUK ELEMENTOR + AI AGENT · GRATIS · MIT · INDEPENDEN — BUKAN PRODUK ELEMENTOR LTD

KOMPATIBEL DENGAN Claude Code Cursor Codex Copilot agent MCP apa pun

Satu prompt masuk.
Elementor Situs Elementor jadi.

Bangun situs Elementor dengan AI agent Anda sendiri. Agent Anda sebenarnya sudah bisa menulis halaman Elementor — secara buta, dalam ribuan baris JSON mentah. Itulah kenapa hasilnya terlihat seperti buatan agent. Ultra memberi agent komponen bertipe, hot reload, dan pemeriksaan pass/fail otomatis di setiap save. Halaman yang indah lahir begitu agent bisa melihat apa yang sedang mereka kerjakan.

Untuk developer dan agensi yang merilis situs klien di Elementor dan bekerja dengan Claude Code, Cursor, Codex, atau agent MCP apa pun.

Agent juga dipersilakan — tekan A untuk versi machine-readable dari halaman ini.

01

Bukti, di depan kamera

Delapan situs nyata dari web, dibangun ulang secara live oleh agent.

Setiap film adalah satu take tanpa editan — copy publik yang sama, aset yang sama dengan situs aslinya. Satu prompt dari manusia, lalu agent membangun bagian demi bagian di situs WordPress yang live, dengan pemeriksaan pass/fail di setiap save — dan film berakhir di dalam editor Elementor sungguhan. Timer di layar adalah waktu berjalan yang nyata: tanpa potongan, tanpa percepatan yang menyembunyikan apa pun.

HOUSEMAIT — 9 SECTION · 31 MENIT WAKTU AGENT · 0 EDITAN MANUSIA

TUJUH LAINNYA — KLIK KARTU UNTUK MEMUAT FILMNYA KE PLAYER

Housemait

SaaS aplikasi keluarga

9 section · 31 mnt

Canopy

situs marketing SaaS

10 section · 17 mnt

Alike.page

storefront kreator

8 section · 22 mnt

Triple Kingdom

situs game indie

8 section · 25 mnt

Billow

SaaS keuangan

9 section · 25 mnt

Michael Pumo

portofolio developer

8 section · 30 mnt

Mat.

situs aplikasi iOS

6 section · 21 mnt

BT—26

situs event

8 bagian · 24 mnt

02

Sebelum / sesudah

Hero yang sama. 3.400 baris JSON buta —
atau sembilan baris JSX bertipe.

YANG DITULIS AGENT ANDA HARI INI — BUTA

SECTION YANG SAMA, DENGAN ULTRA

Claude Code
Anda
Elementor Ultra· memantau

Sisi kiri adalah JSON tersimpan yang asli dari hero di film #2 — permukaan yang selama ini ditulis tangan oleh agent. Di sisi kanan, komponen bertipe yang menghasilkannya, tempat kesalahan gagal saat build, bukan di situs klien Anda.

Backup sebelum setiap penulisan. Validator sisi server menolak halaman yang rusak sebelum tersimpan. Rollback, selalu. Agent yang berhalusinasi tidak akan bisa merusak situs Anda.

03

Loop-nya

Simpan file. Situs ter-update. Gate berjalan.

SAVE

file komponen

BUILD

rebuild dalam hitungan ms

DEPLOY

berbasis diff, ~3 dtk

RELOAD

live preview

GATES

1200 · 1920 · 390

LIVE — LOOP INI SAAT BERJALAN (BARIS LOG HOUSEMAIT ASLI)

Baris FAIL itu justru intinya. Gate adalah pemeriksaan pass/fail otomatis di 1200, 1920, dan 390 px — desktop, layar lebar, dan mobile. Agent melihat verdiknya di setiap save dan mengoreksi diri di save berikutnya. Memeriksa hasil sudah terpasang di dalam loop, bukan skrip yang harus Anda ingat untuk dijalankan di akhir.

04

Stack-nya

Lima bagian. Pakai semuanya, atau satu saja.

01

COMPILER + CLI

@algorismus/elementor-jsx

JSX bertipe → JSON native Elementor V4. Build, deploy, lint, media, import — plus live loop exjsx dev.

02

SERVER MCP

@algorismus/elementor-ultra-mcp

90+ tool untuk agent MCP apa pun: bangun halaman, refactor, kelola design system, konversi HTML ke Elementor.

03

PLUGIN PENDAMPING

Plugin WordPress · GPL

Jalur tulis REST yang otoritatif di situs: validasi sisi server, backup, rollback, probe capability.

04

VERIFY STUDIO

@algorismus/elementor-ultra-studio

Setelah setiap deploy: pemeriksaan pass/fail di tiga lebar layar, cek kesehatan situs, dan pengukuran layout — otomatis via Playwright.

05

WORDPRESS LOKAL

@algorismus/elementor-ultra-playground

WordPress + Elementor sungguhan dari snapshot siap pakai, dalam hitungan detik. Node murni — tanpa Docker.

Bingung mulai dari mana? Compiler-nya saja sudah cukup — npm i -D @algorismus/elementor-jsx. Bagian lainnya menyusul saat Anda membutuhkannya.

8 SITUS DIRILIS DI DEPAN KAMERA

17–31 MENIT PER SITUS

0 EDITAN MANUSIA

400+ TES COMPILER · TERVERIFIKASI TERHADAP ELEMENTOR 4.1.4 / 4.2.0

05

Mulai

Langsung jalan dengan sekali paste.

paste ini ke AI agent Anda — Claude Code, Cursor, Windsurf, apa pun yang mendukung 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.
# Lebih suka pakai wizard? npx @algorismus/create-elementor-ultra

GRATIS & MIT · NODE 18+ · TANPA DOCKER · ELEMENTOR FREE SUDAH CUKUP

Ingin membaca dulu sebelum menjalankan agent di mesin Anda? SETUP.md adalah file persis yang diikuti agent Anda.

Baca SETUP.md dulu ↗

Agent Anda bisa membangun yang berikutnya.

KOLOFON — halaman ini mempraktikkan apa yang dikatakannya: AI agent membangunnya dengan elementor-jsx, men-deploy-nya lewat loop yang dijelaskan di atas, dan lulus gate yang sama. Nol editan manusia. Geser tombolnya untuk membaca source-nya.

MIT © 2026 Algorismus. Tidak berafiliasi dengan atau didukung oleh Elementor Ltd — "Elementor" adalah merek dagang mereka; ini adalah stack independen yang saling beroperasi. Film-film ini menampilkan studi desain dari situs nyata, dibangun ulang dengan copy dan aset publik mereka untuk menguji toolchain ini.

# 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.