ELEMENTOR + AIエージェントのためのオープンソースツールチェーン · 無料 · MIT · 独立プロジェクト — ELEMENTOR LTDの製品ではありません

対応エージェント Claude Code Cursor Codex Copilot あらゆるMCPエージェント

プロンプトひとつで。
Elementor Elementorサイトが完成。

自分のAIエージェントでElementorサイトを構築。 あなたのエージェントは、すでにElementorページを書けます——ただし何千行もの生JSONを、目隠しのまま。だから「エージェントが作った」見た目になるのです。Ultraはエージェントに型付きコンポーネント、ホットリロード、保存のたびに走る自動pass/failチェックを与えます。エージェントが自分の作っているものを見られるようになれば、美しいページは自然についてきます。

Elementorでクライアントサイトを納品し、Claude Code、Cursor、Codexなど任意のMCPエージェントで開発する開発者・制作会社のために。

エージェントも歓迎 — A を押すと、このページの機械可読版が開きます。

01

証明は、カメラの前で

ウェブ上の実在サイト8つを、エージェントがライブで再構築。

各映像はノーカットの一発撮り——元サイトと同じ公開コピー、同じアセットを使用しています。人間が出すのはプロンプトひとつだけ。あとはエージェントが本物のWordPressサイトに対してセクションごとに構築し、保存のたびにpass/failチェックが走ります。そして映像は本物のElementorエディタの中で終わります。画面のタイマーは実際の経過時間——カットも早送りもありません。

HOUSEMAIT — 9セクション · エージェント作業31分 · 人間の編集0

残りの7本 — カードをクリックするとプレイヤーに映像を読み込みます

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

ビフォー / アフター

同じヒーロー。目隠しで書かれたJSON 3,400行か——
型付きJSXの9行か。

いまエージェントが書いているもの — 目隠し状態

同じセクションを、ULTRAで

Claude Code
あなた
Elementor Ultra· 視聴中

左は映像#2のヒーローとして実際に保存されているJSON——これまでエージェントが手書きしてきた対象そのものです。右はそれを生成する型付きコンポーネント。ミスはクライアントのサイト上ではなく、ビルド時に失敗します。

書き込みの前には必ずバックアップ。サーバー側のバリデータが不正なページを保存前に拒否します。ロールバックはいつでも可能。ハルシネーションを起こしたエージェントでも、サイトを壊すことはできません。

03

ループ

ファイルを保存する。サイトが更新される。ゲートが走る。

SAVE

コンポーネントファイルを保存

BUILD

ミリ秒で再ビルド

DEPLOY

差分駆動、約3秒

RELOAD

ライブプレビュー

GATES

1200 · 1920 · 390

LIVE — 実際に走るループ(HOUSEMAITの実ログ)

そのFAILの行こそが肝心です。ゲートとは1200・1920・390px——デスクトップ、ワイド、モバイル——で走る自動pass/failチェック。エージェントは保存のたびに判定を受け取り、次の保存で自ら修正します。結果の確認はループに組み込まれていて、最後に思い出して回すスクリプトではありません。

04

スタック

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で検証済み

05

はじめる

貼り付けひとつで動き出す。

これを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を読む ↗

次の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

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.