TOOLCHAIN OPEN-SOURCE PARA ELEMENTOR + AGENTES DE IA · GRÁTIS · MIT · INDEPENDENTE — NÃO É UM PRODUTO DA ELEMENTOR LTD
Claude Code
Cursor
Codex
Copilot
qualquer agente MCP
Um prompt entra.
Um site Elementor sai.
Crie sites Elementor com seus próprios agentes de IA. Seu agente já consegue escrever páginas Elementor — às cegas, em milhares de linhas de JSON bruto. É por isso que elas parecem feitas por agente. O Ultra dá aos agentes componentes tipados, hot reload e verificações automáticas de pass/fail a cada save. Páginas bonitas são o que acontece quando o agente consegue ver o que está fazendo.
Para devs e agências que entregam sites de clientes no Elementor e trabalham com Claude Code, Cursor, Codex ou qualquer agente MCP.
Agentes são bem-vindos — pressione A para a versão legível por máquina desta página.
01
Prova, em vídeo
Oito sites reais da web, reconstruídos ao vivo por um agente.
Cada filme é um take único, sem edição — mesmo texto público, mesmos assets do site original. Um prompt de um humano, e então o agente constrói seção por seção contra um site WordPress ao vivo, com uma verificação pass/fail a cada save — e o filme termina dentro do editor Elementor de verdade. O timer na tela é o tempo real decorrido: sem cortes, sem acelerações escondendo nada.
OITO FILMES — ESCOLHA UM. TODOS OS CAPÍTULOS NA ÍNTEGRA, O QUE VOCÊ ESTÁ LENDO FICA ACESO
OS OUTROS SETE — CLIQUE EM UM CARD PARA CARREGAR O FILME NO PLAYER
02
Cinquenta em um dia
Cinquenta marcas inventadas. Cinquenta páginas reais no Elementor.
Uma execução, cinquenta briefings, cerca de um dia de trabalho de um desenvolvedor. Cada briefing dava o nome de um negócio fictício, um público e um arquétipo visual — e daí em diante foi tudo com o agente: direção de arte, paleta, tipografia, texto, imagens e um build nativo em Elementor via exjsx. Nenhum humano escreveu os layouts. Humanos depuraram o que quebrou e ranquearam as cinquenta a olho, da melhor para a pior. As fracas continuam na lista.
AS DEZ MELHORES DE CINQUENTA — RANQUEADAS POR REVISÃO HUMANA DE DESIGN
Cada um desses cinquenta negócios é inventado. Os textos, estatísticas, preços, avaliações, pessoas e imagens que aparecem neles foram gerados como demonstração de design — nada ali é uma oferta real nem um endosso real. Cada estudo de caso traz esse aviso e incorpora a própria página, ao vivo e em sandbox, para você rolar a coisa real.
03
Antes / depois
O mesmo hero. 3.400 linhas de JSON às cegas —
ou nove linhas de JSX tipado.
O QUE SEU AGENTE ESCREVE HOJE — ÀS CEGAS
A MESMA SEÇÃO, COM O ULTRA
Claude CodeElementor Ultra· assistindoO lado esquerdo é o JSON real armazenado do hero do filme #2 — a superfície que os agentes vinham escrevendo à mão até agora. À direita, o componente tipado que o gera, onde os erros falham em build time em vez de no site do seu cliente.
Backups antes de cada escrita. Um validador server-side rejeita páginas ruins antes de salvar. Rollback, sempre. Um agente alucinando não consegue corromper seu site.
04
O loop
Salve um arquivo. O site atualiza. Os gates rodam.
SAVE
um arquivo de componente
BUILD
rebuild em ms
DEPLOY
guiado por diff, ~3 s
RELOAD
preview ao vivo
GATES
1200 · 1920 · 390
AO VIVO — O LOOP, RODANDO (LINHAS REAIS DO LOG DO HOUSEMAIT)
Aquela linha de FAIL é o ponto. Gates são verificações automáticas de pass/fail em 1200, 1920 e 390 px — desktop, wide e mobile. O agente vê o veredito a cada save e se corrige no próximo. Conferir o resultado faz parte do loop, não é um script que você precisa lembrar de rodar no final.
05
A stack
Cinco peças. Use todas, ou só uma.
01
COMPILADOR + CLI
@algorismus/elementor-jsx
JSX tipado → JSON nativo do Elementor V4. Build, deploy, lint, mídia, import — e o live loop do exjsx dev.
02
SERVIDOR MCP
@algorismus/elementor-ultra-mcp
Mais de 90 ferramentas para qualquer agente MCP: construir páginas, refatorar, gerenciar o design system, converter HTML em Elementor.
03
PLUGIN COMPANION
Plugin WordPress · GPL
O caminho de escrita REST autoritativo no site: validação server-side, backups, rollback, checagem de capabilities.
04
VERIFY STUDIO
@algorismus/elementor-ultra-studio
Depois de cada deploy: verificações pass/fail em três larguras, um health check do site e medições de layout — tudo automatizado via Playwright.
05
WORDPRESS LOCAL
@algorismus/elementor-ultra-playground
WordPress + Elementor de verdade a partir de um snapshot pré-pronto, em segundos. Node puro — sem Docker.
Não sabe por onde começar? Só o compilador já basta — npm i -D @algorismus/elementor-jsx. As outras peças entram quando você precisar.
8 SITES ENTREGUES EM VÍDEO
17–31 MIN POR SITE
0 EDIÇÕES HUMANAS
400+ TESTES DO COMPILADOR · VERIFICADO CONTRA ELEMENTOR 4.1.4 / 4.2.0
06
Comece
Funcionando com um único Ctrl+V.
cole isto no seu agente de IA — Claude Code, Cursor, Windsurf, qualquer coisa com 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
GRÁTIS E MIT · NODE 18+ · SEM DOCKER · O ELEMENTOR FREE JÁ BASTA
Prefere ler antes de rodar um agente na sua máquina? O SETUP.md é exatamente o arquivo que seu agente segue.
Seu agente pode construir o próximo.
COLOFÃO — esta página pratica o que prega: um agente de IA a construiu com elementor-jsx, fez o deploy pelo mesmo loop que ela descreve e passou pelos mesmos gates. Zero edições humanas. Vire a chave para ler o código-fonte.
MIT © 2026 Algorismus. Sem afiliação ou endosso da Elementor Ltd — "Elementor" é marca registrada deles; esta é uma stack independente e interoperável. Os filmes mostram estudos de design de sites reais, reconstruídos com seu texto e assets públicos para testar a toolchain.
# 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.