Zarla Website Builder について
Zarla Website Builder は、AI クライアントからウェブサイトを作成・管理するホステッド MCP サーバーです。公開前に非公開の下書きを編集でき、デザイン、プレビュー、商品管理のツールも備えています。
主な機能
- 01サイトの作成とページ編集
- 02デザイン、ブランド要素、SEO の調整
- 03画像のアップロードと管理
- 04下書きのプレビューとサイト公開
- 05商品と注文の管理
活用シーン
- 01短い説明からビジネスサイトを作成
- 02チャットでページ内容やサイトデザインを修正
- 03公開前にサイトの変更をプレビュー
- 04商品を追加して注文を確認
MCP 対応
`https://www.zarla.com/api/mcp` のホステッドサーバーに、ブラウザーでサインインして MCP クライアントを接続します。サイトの構築、編集、プレビュー、公開、商品管理用の 36 ツールを提供します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://www.zarla.com/api/mcpclaude mcp add --transport http com-zarla-website-builder https://www.zarla.com/api/mcp{"mcpServers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}Cursor で開く{"servers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}VS Code で開く{"mcpServers":{"com-zarla-website-builder":{"type":"http","url":"https://www.zarla.com/api/mcp"}}}{"mcpServers":{"com-zarla-website-builder":{"serverUrl":"https://www.zarla.com/api/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
Zarla MCP サーバー — Claude、ChatGPT、Cursor、Gemini からウェブサイトを作成、編集、公開
Zarla は、ホスト型 MCP サーバーを備えた AI ウェブサイトビルダーです。任意の MCP クライアントに接続すれば、会話から一文の指示でウェブサイトを作成し、ページを編集し、デザインを変更し、ロゴを設定し、商品を追加して公開できます。コードも、ホスティングの設定も、API キーも不要です。
接続リンク(どのクライアントでも同じリンクを使用します):
https://www.zarla.com/api/mcp
クライアントでブラウザーが開いたら、Zarla アカウントでサインインしてください。これで設定は完了です。Zarla では無料でサイトを作成してプレビューできます。公開には有料プランが必要です。

ChatGPTで「サイトのプレビューを見せて」と指示すると、会話内にページごとのプレビューが表示されます。他のクライアントではプレビューリンクが表示されます。

左:サイトを公開し、次に修正する箇所として電話番号のプレースホルダーを指摘するClaude。右:プレビューを開き、ページ一覧を表示するCursor。
接続
各アプリのスクリーンショット付き手順はこちら:https://www.zarla.com/help/connect-claude-and-ai-agents
| クライアント | 方法 |
|---|---|
| Claude(claude.ai、デスクトップ) | Settings → Connectors → Add custom connector → リンクを貼り付け → サインイン。Freeを含むすべてのClaudeプランで利用できます。 |
| Claude Code | claude mcp add zarla --transport http "https://www.zarla.com/api/mcp" を実行し、その後 /mcp でサインインします。または、このリポジトリの .mcp.json をプロジェクトにコピーします。 |
| ChatGPT | Settings → Security and login → Developer mode をオンにし、chatgpt.com/plugins → + → 名前に Zarla、サーバー URL にリンクを設定し、認証方式に OAuth を選択します。 |
| Cursor | 上の Add to Cursor バッジをクリックするか、.cursor/mcp.json をプロジェクトに追加し、Cursor に求められたら Authenticate をクリックします。 |
| Gemini CLI | gemini extensions install https://github.com/zarlahq/website-builder-mcp を実行します(このリポジトリはGemini CLI拡張機能です)。または gemini mcp add --transport http zarla https://www.zarla.com/api/mcp を実行します。 |
| Clineなど | リンクを使ってリモートのStreamable HTTPサーバーを追加します。詳細は llms-install.md をご覧ください。 |
試してみましょう
- 「デンバーで移動式の犬のグルーミング事業を始めるためのウェブサイトを作ってください。」
- 「ホームページの見出しをもっと高級感のある表現に書き換えて、お客様の声のセクションを追加してください。」
- 「商品に45ドルのデラックスウォッシュを追加して、サイトを公開してください。」
- 「Zarlaに自分のウェブサイトはいくつありますか?」
- 「自分のウェブサイトを見せてください。」
- 「サイトをもっと温かみのある、親しみやすい印象にしてください。」
大きな作業
AI アプリが調査と執筆を担い、Zarla がサイトを変更するツールを提供します。ウェブを閲覧できるアプリ(ChatGPT、ウェブ検索機能付きの Claude)では、次のように依頼できます。
- 「デンバーの人気配管業者トップ 10 のウェブサイトを調べてください。どのページやセクションがすべてのサイトにあり、私のサイトにはないか教えてください。それから、それらを私のサイトに追加してください。」
- 「[link] にある私のレビューを読んで、特に良いものを 5 件選び、ホームページにお客様の声のセクションを作成してください。」
- 「料金表にあるサービスごとにサービスページを作成し、メニューからリンクしてください。」
- 「私のホームページと最も強力な競合他社のホームページを比較し、お客様が私を選ぶべき理由がより明確に伝わるよう、見出しと最初のセクションを書き直してください。」
ChatGPT や Claude にサイトの構築を頼むだけではだめなのですか?
もちろんできます。HTML のフォルダーや、コードサンドボックス内のページが手に入ります。そこからが本番です。ホスティング、ドメインの接続、お問い合わせフォームから実際にメッセージが届くようにする作業、変更のたびに AI に依頼し直す作業が必要になります。Zarla は、チャットだけではできない作業を担います。ホスティングとビジネスに必要な機能一式を備えた AI ウェブサイトビルダーで、毎週新機能が追加されています(新機能)。
| AI に直接依頼 | Zarla を接続して AI に依頼 | |
|---|---|---|
| 得られるもの | 自分でホスティングする必要があるコード | グローバル CDN 上の Google Cloud から配信される公開中のウェブサイト。デプロイは不要です。 |
| ドメイン、DNS、SSL | ドメインを購入し、DNS を設定し、証明書を導入して更新します | Zarla 内でドメインを購入または接続できます。DNS、HTTPS、証明書の更新は自動で処理されます。 |
| セキュリティ | 修正や更新は自分で行います | デフォルトで HTTPS、DDoS 対策、更新が必要なプラグインや依存関係はありません |
| 後からの変更 | 再度プロンプトを入力し、生成し直して、再デプロイします。以前の編集内容は失われます。 | 36 個のツールで実際のサイトをその場で編集できます。下書き、プレビュー、公開の 1 ステップで完了します。 |
| デザイン | その日にモデルが作り出したもの | プロがデザインした 1,200 種類以上のテンプレート。デザインを切り替えてもコンテンツはそのままです。 |
| 顧客の獲得 | 送信先のないお問い合わせフォーム | リード受信トレイと CRM、オンライン予約、WhatsApp チャットボタン、ギフトカード、決済機能付き商品、請求書 |
| 検索で見つけてもらう | モデルが覚えていた SEO 対策次第です | すべてのページにサイトマップ、メタタグ、構造化データを設定します。SEO コーチ付きの「Get Found」スコアも利用できます。Google Search Console と Google Business Profile を連携できます。レビューを集めるための手順も用意されています。 |
| 効果の把握 | 分析サービスを導入し、Cookie バナーを追加します | 公開した日からリード、電話、売上を集計する組み込みの分析機能 |
| 運用の継続 | ホスティング料金、ビルドの失敗、更新など、すべて自分で対応します | Zarla が対応します。 |
| 費用 | ホスティング料金と作業時間 | 作成とプレビューは無料です。公開には有料プランが必要です。 |
AI アプリが調査、執筆、戦略などの思考を担い、Zarla がウェブサイトと、ビジネスを運営するために必要なすべてを提供します。
サーバーでできること
36 個のツールすべてにタイトルと MCP の動作ヒント(読み取り専用/破壊的/冪等/オープンワールド)が付いているため、クライアントはどの呼び出しをサイレントに実行し、どの呼び出しで確認を求めるべきかを判断できます。
| グループ | ツール |
|---|---|
| 読み取り | list_sites、get_site、get_page、list_site_photos、list_industries、list_block_types、list_designs |
| 作成 | create_site — 1 文の説明から約 30 秒でホームページを作成します。残りのページには add_page/remove_page を使います |
| ページの編集 | update_block、add_block、remove_block、reorder_blocks、update_business_info、update_header、update_footer、update_seo |
| デザイン | update_design(色、フォント、雰囲気)、switch_design(コンテンツを保持したまま、1,200 種類以上のマーケットプレイスデザインに切り替えます)、set_logo、remove_logo |
| 画像 | request_image_upload → PUT → finalize_image_upload(ロゴ、写真、チャットで共有したあらゆる画像) |
| プレビューと公開 | show_site_preview(MCP Apps に対応したクライアントではライブプレビューパネル、それ以外ではプレビューリンクを表示します)、publish_site |
| ショップ | get_payments_status、list_products、get_product、create_product、update_product、get_product_settings、list_orders、get_order、request_product_file_upload、finalize_product_file_upload |
常に最新の完全な一覧(名前、説明、入力スキーマ)は、サーバー自体が /.well-known/mcp/server-card.json で提供しています。
動作について
- まずは下書きです。 すべての編集は非公開の下書きに反映されます。公開中のサイトが変更されるのは、公開を依頼したときだけです。また、ほとんどのクライアントではこの手順の確認を求められます(
publish_siteは意図的に破壊的としてマークされています)。 - 公開には有料プランが必要です。 Free プランでは、公開ツールはエラーの代わりにアップグレードリンクを返します。アップグレード後は、中断したところから公開を再開できます。
- ショップの変更はすぐに反映されます。 商品の価格や在庫状況の変更は、直ちにチェックアウトに反映されます。価格を変更した後は、サイトの表示を一致させるために再公開してください。
- 管理権限はあなたにあります。 接続済みのアプリはすべて https://www.zarla.com/connect に表示されます。接続を解除すると、そのアプリのアクセスは直ちに終了します。
検出用ファイル
| ファイル | 用途 |
|---|---|
server.json | official MCP Registry に com.zarla/website-builder として公開されているエントリー |
.mcp.json · .cursor/mcp.json | すぐに使えるクライアント設定(Claude Code · Cursor) |
gemini-extension.json · GEMINI.md | Gemini CLI の拡張機能マニフェストとコンテキスト |
llms-install.md | AI エージェント(Cline など)向けのインストールガイド |
glama.json | Glama の掲載情報の所有権 |
assets/ | ロゴ:スパークルマーク(512/400/128/64 px)、ワードマーク、製品のスクリーンショット |
https://www.zarla.com/api/mcp/server-card · /.well-known/ai-catalog.json | MCP SEP-2127 に準拠したサーバーカードとカタログ |
/.well-known/oauth-protected-resource | OAuth 検出(RFC 9728) |
このリポジトリについて
このリポジトリに含まれるのはドキュメントとマニフェストのみです。サーバーは zarla.com で稼働しており、そのコードはここでは公開されていません。質問や問題の報告は、ここで issue を作成するか、[email protected] までメールでお問い合わせください。プライバシー:https://www.zarla.com/privacy · 利用規約:https://www.zarla.com/terms
MIT ライセンス(このリポジトリの内容)。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。