ELEMENTOR + AIエージェントのためのオープンソースツールチェーン · 無料 · MIT · 独立プロジェクト — ELEMENTOR LTDの製品ではありません
Claude Code
Cursor
Codex
Copilot
あらゆるMCPエージェント
プロンプトひとつで。
Elementorサイトが完成。
自分のAIエージェントでElementorサイトを構築。 あなたのエージェントは、すでにElementorページを書けます——ただし何千行もの生JSONを、目隠しのまま。だから「エージェントが作った」見た目になるのです。Ultraはエージェントに型付きコンポーネント、ホットリロード、保存のたびに走る自動pass/failチェックを与えます。エージェントが自分の作っているものを見られるようになれば、美しいページは自然についてきます。
Elementorでクライアントサイトを納品し、Claude Code、Cursor、Codexなど任意のMCPエージェントで開発する開発者・制作会社のために。
エージェントも歓迎 — A を押すと、このページの機械可読版が開きます。
01
証明は、カメラの前で
ウェブ上の実在サイト8つを、エージェントがライブで再構築。
各映像はノーカットの一発撮り——元サイトと同じ公開コピー、同じアセットを使用しています。人間が出すのはプロンプトひとつだけ。あとはエージェントが本物のWordPressサイトに対してセクションごとに構築し、保存のたびにpass/failチェックが走ります。そして映像は本物のElementorエディタの中で終わります。画面のタイマーは実際の経過時間——カットも早送りもありません。
映画は8本 — 1本選ぶ。全チャプター収録、いま読んでいるものが点灯する
残りの7本 — カードをクリックするとプレイヤーに映像を読み込みます
02
1日で50本
架空のブランド50社。本物のElementorページ50枚。
実行は1回、ブリーフは50本、かかったのは開発者1人日ほど。各ブリーフに書いてあるのは架空のビジネス、想定読者、ビジュアルの型だけ — あとはエージェントの仕事だ。アートディレクション、パレット、書体、コピー、画像、そしてexjsx経由のネイティブなElementorビルドまで。レイアウトを書いた人間はいない。人間がやったのは、壊れた箇所のデバッグと、50本すべてを目で見て良い順に並べることだけ。出来の悪いものもリストに残してある。
50本のトップ10 — 人間によるデザインレビューでの順位
この50社はすべて架空のものです。掲載されているテキスト、統計、価格、レビュー、人物、画像はデザインのデモとして生成したもので、実在のオファーでも推薦でもありません。各ケーススタディにはこの注記を添え、ページ本体をライブかつサンドボックス化して埋め込んでいるので、実物をそのままスクロールできます。
03
ビフォー / アフター
同じヒーロー。目隠しで書かれたJSON 3,400行か——
型付きJSXの9行か。
いまエージェントが書いているもの — 目隠し状態
同じセクションを、ULTRAで
Claude CodeElementor Ultra· 視聴中左は映像#2のヒーローとして実際に保存されているJSON——これまでエージェントが手書きしてきた対象そのものです。右はそれを生成する型付きコンポーネント。ミスはクライアントのサイト上ではなく、ビルド時に失敗します。
書き込みの前には必ずバックアップ。サーバー側のバリデータが不正なページを保存前に拒否します。ロールバックはいつでも可能。ハルシネーションを起こしたエージェントでも、サイトを壊すことはできません。
04
ループ
ファイルを保存する。サイトが更新される。ゲートが走る。
SAVE
コンポーネントファイルを保存
BUILD
ミリ秒で再ビルド
DEPLOY
差分駆動、約3秒
RELOAD
ライブプレビュー
GATES
1200 · 1920 · 390
LIVE — 実際に走るループ(HOUSEMAITの実ログ)
そのFAILの行こそが肝心です。ゲートとは1200・1920・390px——デスクトップ、ワイド、モバイル——で走る自動pass/failチェック。エージェントは保存のたびに判定を受け取り、次の保存で自ら修正します。結果の確認はループに組み込まれていて、最後に思い出して回すスクリプトではありません。
05
スタック
5つのピース。全部使っても、ひとつだけでも。
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
デプロイのたびに:3つの幅でのpass/failチェック、サイトのヘルスチェック、レイアウト計測——Playwrightで自動化。
05
ローカルWORDPRESS
@algorismus/elementor-ultra-playground
ベイク済みスナップショットから、本物のWordPress + Elementorを数秒で。純粋なNodeのみ——Docker不要。
どこから始めるか迷ったら、コンパイラだけで十分—— npm i -D @algorismus/elementor-jsx。残りのピースは、必要になったときに加えればOK。
カメラの前で納品した8サイト
1サイトあたり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は、エージェントが実際に従うファイルそのものです。
次の1本は、あなたのエージェントが作れます。
COLOPHON — このページは自らの主張を実践しています: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.