面向 ELEMENTOR + AI 智能体的开源工具链 · 免费 · MIT · 独立项目 — 非 ELEMENTOR LTD 官方产品

兼容 Claude Code Cursor Codex Copilot 任意 MCP 智能体

一句提示词进。
Elementor 一个 Elementor 站点出。

用你自己的 AI 智能体构建 Elementor 站点。 你的智能体其实早就能写 Elementor 页面——只是在几千行原始 JSON 里盲写。这也是为什么那些页面一眼就能看出是智能体做的。Ultra 给智能体带类型的组件、热重载,以及每次保存时自动运行的通过/失败检查。当智能体能看见自己在做什么,漂亮的页面自然就出来了。

面向在 Elementor 上为客户交付站点、并用 Claude Code、Cursor、Codex 或任意 MCP 智能体开发的开发者与代理公司。

欢迎智能体访问 — 按 A 查看本页的机器可读版本。

01

证据,全程实录

八个来自真实网络的站点,由智能体现场重建。

每部影片都是一镜到底、未经剪辑——与原站使用相同的公开文案和素材。人类只给一句提示词,然后智能体对着一个真实的 WordPress 站点逐节构建,每次保存都有通过/失败检查——影片最后停在真正的 Elementor 编辑器里。屏幕上的计时器是真实的流逝时间:没有剪切,没有加速,什么都没藏。

八部影片 — 任选其一。每章完整呈现,正在阅读的这章亮起

HOUSEMAIT — 9 个区块 · 智能体用时 31 分钟 · 0 次人工修改

其余七个 — 点击卡片,在播放器中加载对应影片

Housemait

家庭应用 SaaS

9 个区块 · 31 分钟

Canopy

SaaS 营销站

10 个区块 · 17 分钟

Alike.page

创作者店铺

8 个区块 · 22 分钟

Triple Kingdom

独立游戏官网

8 个区块 · 25 分钟

Billow

金融 SaaS

9 个区块 · 25 分钟

Michael Pumo

开发者作品集

8 个区块 · 30 分钟

Mat.

iOS 应用官网

6 个区块 · 21 分钟

BT—26

活动网站

8 个部分 · 24 分钟

02

一天,五十个

五十个虚构品牌。五十个真实的 Elementor 页面。

一次运行,五十份简报,大约一个开发者工作日。每份简报只给出一个虚构公司、一类受众和一种视觉原型 —— 剩下的交给 agent:艺术指导、配色、字体、文案、图像,以及通过 exjsx 生成的原生 Elementor 页面。版式没有一处出自人手。人类只负责调试出问题的地方,再用肉眼把五十个排了个序,最好的在前。做得差的也照样留在列表里。

50 个页面 · 50 套艺术指导 · 一次运行 · 6 秒无声循环

五十个里的前十 —— 由人工设计评审排序

RUNTIME

开发者大会

超大字体即版式

Blunt Instrument

效果营销公司

超大字体即版式

Loud Quarry

音乐节

海报墙 / zine 跨页

Fourth Hand

古董腕表交易平台

图录网格

Hard Turn

品牌识别设计公司

非对称斜切拼贴

Casa Ocotillo

精品酒店

分屏滚动

Onsen Mirador

汤屋与水疗

分屏滚动

The Undertow

调查报道杂志

编辑式目录侧栏

The Ward

本地新闻合作社

单栏长文

Kilnhouse

DTC 厨具

图录网格

这五十家公司全部是虚构的。页面上的文字、数据、价格、评价、人物和图片都是为演示设计而生成的 —— 其中没有任何真实的报价或真实的背书。每篇案例都附有这条声明,并以沙箱方式实时内嵌页面本身,你可以直接滚动查看真实效果。

03

前后对比

同一个首屏。要么 3,400 行盲写的 JSON ——
要么九行带类型的 JSX。

你的智能体今天写出的东西 — 盲写

同一个区块,用上 ULTRA

Claude Code
你
Elementor Ultra· 正在观看

左边是影片 #2 中首屏真实存储的 JSON——也就是智能体一直以来手写的那层表面。右边是生成它的带类型组件:出错会在构建时就失败,而不是等到客户的站点上才暴露。

每次写入前都有备份。服务端校验器会在保存前拦下坏页面。随时可回滚。产生幻觉的智能体也无法破坏你的站点。

04

循环

保存一个文件。站点随之更新。门禁自动运行。

保存

一个组件文件

构建

毫秒级重建

部署

基于 diff,约 3 秒

重载

实时预览

门禁

1200 · 1920 · 390

实况 — 循环运行现场(HOUSEMAIT 真实日志)

那行 FAIL 正是重点。门禁是在 1200、1920 和 390 px——桌面、宽屏和移动端——运行的自动通过/失败检查。智能体每次保存都能看到判定结果,并在下一次保存中自我修正。验证结果是循环的内置环节,而不是你最后才想起来跑的脚本。

05

技术栈

五个组件。全用,或只用一个。

01

编译器 + CLI

@algorismus/elementor-jsx

带类型的 JSX → 原生 Elementor V4 JSON。构建、部署、lint、媒体、导入——外加 exjsx dev 实时循环。

02

MCP 服务器

@algorismus/elementor-ultra-mcp

面向任意 MCP 智能体的 90+ 工具:构建页面、重构、管理设计系统、把 HTML 转成 Elementor。

03

配套插件

WordPress 插件 · GPL

站点上唯一权威的 REST 写入通道:服务端校验、备份、回滚、能力探测。

04

验证工作台

@algorismus/elementor-ultra-studio

每次部署后:三种宽度的通过/失败检查、站点健康检查和布局测量——由 Playwright 自动完成。

05

本地 WordPress

@algorismus/elementor-ultra-playground

真实的 WordPress + Elementor,从预制快照启动,几秒就绪。纯 Node——无需 Docker。

不知道从哪开始?单独用编译器就够了—— npm i -D @algorismus/elementor-jsx。其余组件在你需要时再加入。

8 个站点全程实录交付

每站 17–31 分钟

0 次人工修改

400+ 编译器测试 · 已针对 ELEMENTOR 4.1.4 / 4.2.0 验证

06

开始

粘贴一次,即刻运行。

把这段粘贴给你的 AI 智能体 — Claude Code、Cursor、Windsurf,任何支持 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

免费 & MIT · NODE 18+ · 无需 DOCKER · ELEMENTOR 免费版就够用

想在自己机器上跑智能体之前先读一读?SETUP.md 就是你的智能体所遵循的那份文件。

先读 SETUP.md ↗

下一个站点,交给你的智能体。

后记 — 本页身体力行:由一个 AI 智能体用 elementor-jsx 构建,通过页面所描述的那套循环部署,并通过了同样的门禁。零人工修改。拨动开关即可阅读它的源码。

MIT © 2026 Algorismus。与 Elementor Ltd 无关联,亦未获其背书——“Elementor”是其商标;本项目是独立的互操作工具栈。影片展示的是对真实站点的设计研究,使用其公开文案和素材重建,用于测试工具链。

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