ELEMENTOR + AIエージェントのためのオープンソースツールチェーン · 無料 · MIT · 独立プロジェクト — ELEMENTOR LTDの製品ではありません
自分のAIエージェントでElementorサイトを構築。 あなたのエージェントは、すでにElementorページを書けます——ただし何千行もの生JSONを、目隠しのまま。だから「エージェントが作った」見た目になるのです。Ultraはエージェントに型付きコンポーネント、ホットリロード、保存のたびに走る自動pass/failチェックを与えます。エージェントが自分の作っているものを見られるようになれば、美しいページは自然についてきます。
Elementorでクライアントサイトを納品し、Claude Code、Cursor、Codexなど任意のMCPエージェントで開発する開発者・制作会社のために。
エージェントも歓迎 — A を押すと、このページの機械可読版が開きます。
01
証明は、カメラの前で
各映像はノーカットの一発撮り——元サイトと同じ公開コピー、同じアセットを使用しています。人間が出すのはプロンプトひとつだけ。あとはエージェントが本物のWordPressサイトに対してセクションごとに構築し、保存のたびにpass/failチェックが走ります。そして映像は本物のElementorエディタの中で終わります。画面のタイマーは実際の経過時間——カットも早送りもありません。
残りの7本 — カードをクリックするとプレイヤーに映像を読み込みます
02
ビフォー / アフター
いまエージェントが書いているもの — 目隠し状態
同じセクションを、ULTRAで
左は映像#2のヒーローとして実際に保存されているJSON——これまでエージェントが手書きしてきた対象そのものです。右はそれを生成する型付きコンポーネント。ミスはクライアントのサイト上ではなく、ビルド時に失敗します。
書き込みの前には必ずバックアップ。サーバー側のバリデータが不正なページを保存前に拒否します。ロールバックはいつでも可能。ハルシネーションを起こしたエージェントでも、サイトを壊すことはできません。
03
ループ
SAVE
コンポーネントファイルを保存
BUILD
ミリ秒で再ビルド
DEPLOY
差分駆動、約3秒
RELOAD
ライブプレビュー
GATES
1200 · 1920 · 390
LIVE — 実際に走るループ(HOUSEMAITの実ログ)
そのFAILの行こそが肝心です。ゲートとは1200・1920・390px——デスクトップ、ワイド、モバイル——で走る自動pass/failチェック。エージェントは保存のたびに判定を受け取り、次の保存で自ら修正します。結果の確認はループに組み込まれていて、最後に思い出して回すスクリプトではありません。
04
スタック
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対応なら何でも
無料 & MIT · NODE 18+ · DOCKER不要 · ELEMENTOR無料版で十分
エージェントを自分のマシンで走らせる前に中身を読んでおきたい?SETUP.mdは、エージェントが実際に従うファイルそのものです。
COLOPHON — このページは自らの主張を実践しています:AIエージェントがelementor-jsxでこのページを構築し、本文で説明しているループを通してデプロイし、同じゲートを通過しました。人間の編集はゼロ。スイッチを切り替えると、そのソースが読めます。
MIT © 2026 Algorismus. Elementor Ltdとは無関係であり、承認も受けていません——「Elementor」は同社の商標であり、本プロジェクトは独立した相互運用スタックです。映像は実在サイトのデザインスタディで、ツールチェーン検証のために公開コピーとアセットを用いて再構築したものです。