OPEN-SOURCE TOOLCHAIN VOOR ELEMENTOR + AI-AGENTS · GRATIS · MIT · ONAFHANKELIJK — GEEN PRODUCT VAN ELEMENTOR LTD
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
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.
DE ANDERE ZEVEN — KLIK OP EEN KAART OM DE FILM IN DE SPELER TE LADEN
02
Voor / na
WAT JE AGENT VANDAAG SCHRIJFT — BLIND
DEZELFDE SECTIE, MET ULTRA
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
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
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
plak dit in je AI-agent — Claude Code, Cursor, Windsurf, alles met MCP
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.
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.