OPEN-SOURCE TOOLCHAIN VOOR ELEMENTOR + AI-AGENTS · GRATIS · MIT · ONAFHANKELIJK — GEEN PRODUCT VAN ELEMENTOR LTD

WERKT MET Claude Code Cursor Codex Copilot elke MCP-agent

Eén prompt erin.
Elementor Elementor-site eruit.

Bouw Elementor-sites met je eigen AI-agents. Je agent kan nu al Elementor-pagina's schrijven — blind, in duizenden regels rauwe JSON. Daarom zien ze eruit als agent-werk. Ultra geeft agents getypeerde componenten, hot reload en automatische pass/fail-checks bij elke save. Mooie pagina's krijg je vanzelf zodra agents kunnen zien wat ze doen.

Voor developers en bureaus die klantsites op Elementor opleveren en bouwen met Claude Code, Cursor, Codex of elke andere MCP-agent.

Agents welkom — druk op A voor de machine-leesbare versie van deze pagina.

01

Bewijs, op camera

Acht echte sites van het web, live nagebouwd door een agent.

Elke film is één ongemonteerde take — dezelfde publieke copy, dezelfde assets als de originele site. Eén prompt van een mens, daarna bouwt de agent sectie voor sectie tegen een live WordPress-site, met een pass/fail-check bij elke save — en de film eindigt in de echte Elementor-editor. De timer in beeld is echte verstreken tijd: geen cuts, geen versnellingen die iets verbergen.

HOUSEMAIT — 9 SECTIES · 31 MIN AGENT-TIJD · 0 MENSELIJKE EDITS

DE ANDERE ZEVEN — KLIK OP EEN KAART OM DE FILM IN DE SPELER TE LADEN

Housemait

gezinsapp-SaaS

9 secties · 31 min

Canopy

SaaS-marketingsite

10 secties · 17 min

Alike.page

creator-storefront

8 secties · 22 min

Triple Kingdom

indiegame-site

8 secties · 25 min

Billow

finance-SaaS

9 secties · 25 min

Michael Pumo

developer-portfolio

8 secties · 30 min

Mat.

iOS-app-site

6 secties · 21 min

BT—26

evenementensite

8 delen · 24 min

02

Voor / na

Dezelfde hero. 3.400 regels blinde JSON —
of negen regels getypeerde JSX.

WAT JE AGENT VANDAAG SCHRIJFT — BLIND

DEZELFDE SECTIE, MET ULTRA

Claude Code
Jij
Elementor Ultra· kijkt mee

Links staat de echte opgeslagen JSON van de hero uit film #2 — het oppervlak waarop agents tot nu toe met de hand schreven. Rechts de getypeerde component die hem genereert, waar fouten stuklopen op build-tijd in plaats van op de site van je klant.

Backups vóór elke write. Een server-side validator weigert foute pagina's voordat ze worden opgeslagen. Rollback, altijd. Een hallucinerende agent kan je site niet slopen.

03

De loop

Sla een bestand op. De site updatet. De gates draaien.

SAVE

een componentbestand

BUILD

rebuild in ms

DEPLOY

diff-gedreven, ~3 s

RELOAD

live preview

GATES

1200 · 1920 · 390

LIVE — DE LOOP, TERWIJL HIJ DRAAIT (ECHTE HOUSEMAIT-LOGREGELS)

Die FAIL-regel is precies het punt. Gates zijn geautomatiseerde pass/fail-checks op 1200, 1920 en 390 px — desktop, breed en mobiel. De agent ziet het oordeel bij elke save en corrigeert zichzelf in de volgende. Het resultaat checken zit ingebouwd in de loop, in plaats van in een script dat je aan het eind nog moet draaien.

04

De stack

Vijf onderdelen. Gebruik ze alle vijf, of één.

01

COMPILER + CLI

@algorismus/elementor-jsx

Getypeerde JSX → native Elementor V4 JSON. Build, deploy, lint, media, import — en de exjsx dev live loop.

02

MCP-SERVER

@algorismus/elementor-ultra-mcp

90+ tools voor elke MCP-agent: pagina's bouwen, refactoren, het design system beheren, HTML naar Elementor converteren.

03

COMPANION-PLUGIN

WordPress-plugin · GPL

Het gezaghebbende REST-schrijfpad op de site: server-side validatie, backups, rollback, capability-probes.

04

VERIFY STUDIO

@algorismus/elementor-ultra-studio

Na elke deploy: pass/fail-checks op drie breedtes, een site-healthcheck en layoutmetingen — geautomatiseerd via Playwright.

05

LOKALE WORDPRESS

@algorismus/elementor-ultra-playground

Echte WordPress + Elementor uit een voorgebakken snapshot, binnen seconden. Puur Node — geen Docker.

Weet je niet waar je moet beginnen? De compiler alleen is al genoeg — npm i -D @algorismus/elementor-jsx. De andere onderdelen haken aan wanneer je ze nodig hebt.

8 SITES OPGELEVERD OP CAMERA

17–31 MIN PER SITE

0 MENSELIJKE EDITS

400+ COMPILER-TESTS · GEVERIFIEERD TEGEN ELEMENTOR 4.1.4 / 4.2.0

05

Start

Draaiend met één copy-paste.

plak dit in je AI-agent — Claude Code, Cursor, Windsurf, alles met 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.
# Liever een wizard? npx @algorismus/create-elementor-ultra

GRATIS & MIT · NODE 18+ · GEEN DOCKER NODIG · ELEMENTOR FREE IS GENOEG

Liever eerst lezen voordat je een agent op je machine loslaat? SETUP.md is exact het bestand dat je agent volgt.

Lees eerst SETUP.md ↗

Je agent kan de volgende bouwen.

COLOFON — deze pagina brengt in praktijk wat ze predikt: een AI-agent bouwde haar met elementor-jsx, deployde haar via de loop die ze beschrijft en haalde dezelfde gates. Nul menselijke edits. Zet de schakelaar om om de broncode te lezen.

MIT © 2026 Algorismus. Niet gelieerd aan of goedgekeurd door Elementor Ltd — "Elementor" is hun handelsmerk; dit is een onafhankelijke, interopererende stack. De films tonen designstudies van echte sites, nagebouwd met hun publieke copy en assets om de toolchain te testen.

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