WebsitePublisher.ai

× 仕組みドキュメント クイックスタート PAPI — ページとアセット MAPI — 動的データ インテグレーション SAPI — セッションとフォーム MCPサーバー OpenClaw スキルツール デプロイ ダッシュボード

MCPサーバー オンライン — 55以上のツール

AIを接続して、構築を始めましょう

以下のAIプラットフォームを選び、手順に従えば、数分でWebサイトを作成できます。

ChatGPT OAuth Claude アプリ / OAuth Cursor MCP設定 Copilot ネイティブMCP Mistral ディレクトリ Copilot Studio エンタープライズ Windsurf ネイティブMCP Gemini SDK Grok SDK

🔗 サーバーエンドポイント

MCPサーバー https://mcp.websitepublisher.ai

OpenAPI仕様 openapi.json

ディスカバリー .well-known/mcp.json

プロトコル Streamable HTTP + JSON-RPC 2.0

認証 OAuth 2.1（自動検出）またはBearerトークン

ChatGPT

OAuth

コーディング不要のOAuthベースの2つの方法（無料およびPlusアカウントで利用可能）：カスタムGPT、または承認済みChatGPTアプリ。

オプションA カスタムGPT

1

カスタムGPTを開く

ChatGPTでWebsitePublisher GPTにアクセスします。

2

プロンプトが表示されたらサインイン

ChatGPTが認証を求めます。WebsitePublisherアカウントでサインイン（または作成）します。

3

構築を開始

ChatGPTに「ポートフォリオサイトを作って」と伝えるだけで、すべて処理されます。

オプションB ChatGPTアプリ 推奨

1

WebsitePublisherアプリを開く

ChatGPTのアプリディレクトリでWebsitePublisherアプリを開きます。

2

接続してサインイン

アプリを追加し、プロンプトが表示されたらWebsitePublisherアカウントでサインイン（または作成）します。

3

チャットで有効にしてから、「ポートフォリオサイトを作って」と依頼します。

🛠️ 開発者向け: OpenAPI仕様を使用して独自のGPTを構築できます。

Claude

アプリを接続

3つの接続方法：無料のConnectアプリ（デスクトップ）、カスタムコネクター（claude.ai）、または手動MCP設定。

オプションA Connectアプリ

1

Connectアプリをダウンロード

Mac、Windows、またはLinux用にダウンロードします。

2

サインイン

アプリを開き、Googleまたはメールでサインインします。アプリがClaude Desktopを自動的に設定します。

3

Claude Desktopを再起動

完全に終了して再起動します。「WebsitePublisherのプロジェクトを一覧表示して」と依頼します。

オプションB カスタムコネクター 推奨

1

カスタムコネクターを追加

claude.aiで、設定 → コネクター → カスタムコネクターを追加 に移動します。URLを入力: https://mcp.websitepublisher.ai/

2

認証

プロンプトが表示されたらWebsitePublisherアカウントでサインインします。ツールはチャットですぐに利用可能になります。

🌐 Webコネクターはどのブラウザでも動作し、デスクトップアプリやNode.jsは不要です。外出先での簡単な編集に最適です。

オプションC 手動設定 上級者向け

これを claude_desktop_config.json に追加します:

claude_desktop_config.jsonCopy

{
  "mcpServers": {
    "websitepublisher": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
    }
  }
}

💡 初回使用時に、OAuthサインイン用のブラウザウィンドウが開きます。その後、トークンは自動的にキャッシュされます。

Mistral / Le Chat

ディレクトリ

WebsitePublisher.aiは、Mistralのキュレーションされたコネクターディレクトリにある事前設定済みディレクトリコネクターです。URLや設定は不要で、検索して「追加」をクリックし、サインインするだけです。

1

コネクターを開く

chat.mistral.aiにアクセスします。サイドパネルで Intelligence → Connectors をクリックし、+ Add Connector をクリックします。

2

ディレクトリでWebsitePublisherを見つける

コネクターディレクトリで "WebsitePublisher" を検索します。WebsitePublisher.aiカードの Add をクリックします。

3

OAuthでサインイン

WebsitePublisherアカウントでサインイン（または作成）するためにリダイレクトされます。OAuthは自動的に検出されるため、セットアップは不要です。

4

チャットで有効にする

任意のLe Chat会話で、入力ボックスの下にある Tools ボタン（4つの四角形のアイコン）をクリックします。WebsitePublisherがチェックされていることを確認し、構築を開始します。

💡 プロのヒント: Connectors → My Connectors → WebsitePublisher → Functionsタブに移動し、よく使う読み取り関数の Always Allow を切り替えます。これにより、ページやプロジェクトの一覧表示など、頻繁なアクションの許可プロンプトがスキップされます。

⌨️ 開発者向け: Mistral API/SDKを使用して、client.beta.connectors.create_async() とサーバーURL https://mcp.websitepublisher.ai/ でWebsitePublisherをプログラム的に登録することもできます。

Cursor

MCP設定

CursorにMCPサーバーとしてWebsitePublisherを追加します。OAuthのブリッジとしてmcp-remoteを使用します。

1

MCP設定を追加

~/.cursor/mcp.json を作成または編集します:

~/.cursor/mcp.jsonCopy

2

Cursorを再起動

完全に終了して再起動します。チャットパネルで Agentモード に切り替えます（Ctrl+L → Agentトグル）。

3

認証

初回使用時に、OAuth用のブラウザが開きます。その後、トークンはキャッシュされ、Claude Desktopと共有されます。

💡 CursorとClaude Desktopは ~/.mcp-auth/ を介してOAuthトークンを共有します。一方が認証されると、もう一方も認証されます。

GitHub Copilot (VS Code)

ネイティブMCP

VS Code 1.101以降は、OAuth自動検出を備えたネイティブリモートMCPをサポートしています。ブリッジは不要です。

1

ワークスペースに .vscode/mcp.json を作成します:

.vscode/mcp.jsonCopy

{
  "servers": {
    "websitepublisher": {
      "type": "http",
      "url": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

CopilotがOAuthを自動検出します。ブラウザが開いたらサインインします。

3

Agentモードで使用

Copilot ChatでAgentモードに切り替え、構築を開始します。

💡 異なる形式に注意してください: "servers" （"mcpServers" ではありません）および "type": "http" + "url"。

Windsurf

ネイティブMCP

WindsurfはネイティブのStreamable HTTP + OAuth自動検出を備えています。ブリッジもNode.jsも不要で、URLだけです。

1

~/.codeium/windsurf/mcp_config.json を作成または編集します:

~/.codeium/windsurf/mcp_config.jsonCopy

{
  "mcpServers": {
    "websitepublisher": {
      "serverUrl": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

MCPサーバーを有効にする

Windsurfを再起動します。Cascadeパネルで、WebsitePublisher MCPサーバーを有効にします。外部Webサイトを開く許可を求められたら「許可」をクリックします。

3

サインイン

OAuthが自動的に実行されます。サインイン後、すべてのツールが利用可能になります。

🌟 Windsurfは最もクリーンな統合であり、ブリッジ、npx、Node.jsは一切不要です。

Microsoft Copilot Studio

エンタープライズ

WebsitePublisherの機能を備えたカスタムコパイロットを構築します。OAuthを介してMicrosoft 365環境に統合されます。

1

新しいコパイロットを作成

Copilot Studioで、新しいコパイロットを作成するか、既存のものを開きます。

2

MCPコネクターを追加

設定 → コネクター → MCPコネクターを追加 に移動します。サーバーURLを入力: https://mcp.websitepublisher.ai/

3

OAuthを設定

Copilot StudioがOAuth設定を自動検出します。サインインフローを完了して認証します。

4

ツールを有効にする

コパイロットがアクセスできるWebsitePublisherツールを選択し、公開します。

⌨️ 開発者向けSDK

GeminiとGrokの場合は、それぞれのSDKを介して接続します。これにはプログラミングの知識が必要です。

Gemini (Google AI SDK)

SDK

GoogleのGemini SDKにはMCPサポートが組み込まれています。npxを使用したstdioトランスポートで動作します。

⚠️ MCPはGemini API/SDK経由でのみ利用可能です。Webアプリ（gemini.google.com）およびGemsは外部MCPサーバーをサポートしていません。

Python

TerminalCopy

pip install google-genai mcp

PythonCopy

import asyncio
from google import genai
from mcp import ClientSession, StdioServerParameters
from mcp.client.stdio import stdio_client

client = genai.Client(api_key="your_gemini_api_key")

server_params = StdioServerParameters(
    command="npx",
    args=["-y", "websitepublisher-mcp@latest"],
    env={"WPS_TOKEN": "wps_your_session_token_here"}
)

async def main():
    async with stdio_client(server_params) as (read, write):
        async with ClientSession(read, write) as session:
            await session.initialize()
            response = await client.aio.models.generate_content(
                model="gemini-2.5-flash",
                contents="List my WebsitePublisher projects",
                config=genai.types.GenerateContentConfig(
                    temperature=0,
                    tools=[session],
                )
            )
            print(response.text)

asyncio.run(main())

JavaScript

TerminalCopy

npm install @google/genai @modelcontextprotocol/sdk

JavaScriptCopy

import { GoogleGenAI, mcpToTool } from "@google/genai";
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";

const transport = new StdioClientTransport({
    command: "npx",
    args: ["-y", "websitepublisher-mcp@latest"],
    env: { WPS_TOKEN: "wps_your_session_token_here" }
});

const mcpClient = new Client({ name: "my-app", version: "1.0.0" });
await mcpClient.connect(transport);

const ai = new GoogleGenAI({ apiKey: "your_gemini_api_key" });

const response = await ai.models.generateContent({
    model: "gemini-2.5-flash",
    contents: "Create a homepage for my portfolio",
    config: { tools: [mcpToTool(mcpClient)] }
});

console.log(response.text);

Grok (xAI API)

SDK

Grokは、xAI SDKの remote_mcp ツールタイプを介してMCPをサポートします。

⚠️ MCPはxAI API/SDK経由でのみ利用可能です。Grok WebインターフェースはカスタムMCPサーバーをサポートしていません。

TerminalCopy

pip install xai-sdk

PythonCopy

from xai_sdk import Client

client = Client(api_key="your_xai_api_key")

chat = client.chat.create(
    model="grok-4-1-fast",
    tools=[{
        "type": "remote_mcp",
        "server_url": "https://mcp.websitepublisher.ai",
        "server_label": "websitepublisher",
        "authorization": "wps_your_session_token_here"
    }]
)

response = chat.send("List my WebsitePublisher projects")
print(response.content)

🛠️ 利用可能なツール（55以上）

すべてのプラットフォームが同じコアツールにアクセスできます。正確な数はプロジェクトによって異なります。設定された統合により、動的ツールが自動的に追加されます。

プロジェクト

list_projects

すべてのプロジェクトを一覧表示

get_project_status

ページ/アセット数、ドメイン

create_project

新しいプロジェクトを作成（名前、サブドメイン）

ページ

list_pages

プロジェクト内のページを一覧表示

get_page

ページのHTMLとバージョン情報を取得

create_page

新しいHTMLページを作成

update_page

ページ全体を置換

patch_page

差分/パッチによる部分更新

delete_page

ページを削除

バージョン管理

get_page_versions

差分を含むバージョン履歴

rollback_page

以前のバージョンにロールバック

アセット

list_assets

画像、CSS、JSを一覧表示

upload_asset

base64またはURL経由でアップロード

delete_asset

アセットを削除

get_asset

アセットコンテンツを読み取り（JS、CSS、JSON、SVG）

patch_asset

アセットの部分的な検索置換編集

エンティティ（動的データ）

list_entities

エンティティタイプを一覧表示

create_entity

新しいエンティティタイプを定義

get_entity_schema

エンティティスキーマ定義を取得

update_entity

エンティティメタデータを更新

delete_entity

エンティティタイプとデータを削除

list_records

エンティティレコードを一覧表示

get_record

IDで単一レコードを取得

create_record

レコードを追加

update_record

レコードを更新

delete_record

レコードを削除

Vault（シークレット）

vault_list_secrets

保存されたシークレットキーを一覧表示

vault_store_secret

暗号化されたシークレットを保存

vault_delete_secret

シークレットを削除

統合

list_integrations

利用可能な統合

setup_integration

APIキーで設定

execute_integration

統合アクションを実行

remove_integration

統合設定を削除

フォーム（SAPI）

configure_form

フォームとサーバーアクションを定義

list_forms

設定されたフォームを一覧表示

remove_form

フォーム設定を削除

フラグメント

list_fragments

再利用可能なHTMLフラグメントを一覧表示

create_fragment

共有フラグメントを作成（ヘッダー、フッターなど）

update_fragment

フラグメントを更新 — すべてのページが即座に更新されます

delete_fragment

フラグメントを削除

トラッキング

set_tracking_scripts

GA、GTM、Pixelなどを挿入

get_tracking_scripts

現在のトラッキング設定を取得

remove_tracking_scripts

すべてのトラッキングスクリプトを削除

ビジュアルエディター（WPE）

create_edit_session

ページのビジュアル画像エディターを開く

get_edit_session_changes

エディターセッションからの保留中の変更を取得

スケジュールされたタスク（AAPI）

create_scheduled_task

自動化された定期的なタスクをスケジュール

list_scheduled_tasks

すべてのスケジュールされたタスクと次回実行を一覧表示

delete_scheduled_task

スケジュールされたタスクを削除

タスク管理（TAPI）

list_tasks

ステータス付きでプロジェクトタスクを一覧表示

get_task

タスクの詳細と完了率を取得

create_task

新しいタスクを作成

add_task_history

タスクに進捗更新を追加

get_task_history

完全なタスク履歴を取得

export_tasks

すべてのタスクをMarkdownとしてエクスポート

訪問者認証と分析（SAPI）

configure_visitor_auth

訪問者認証を設定

get_visitor_auth_config

訪問者認証設定を取得

get_analytics

プロジェクトの訪問者分析

get_integration_schema

完全な統合スキーマとエンドポイントを取得

🔗 動的統合ツール

55以上のコアツールに加えて、WebsitePublisherはプロジェクトの設定された統合に基づいて追加のツールを動的に生成します。各統合は execute_integration を通じて独自のエンドポイントを公開します。追加のMCPツールは不要です。

以下のカテゴリで78の統合が利用可能です。

AI

Anthropic、OpenAI、Gemini、Groq、Mistral、Replicate、ElevenLabs、Deepgram、Stability、Perplexity

Eコマース

製品カタログ、カート、チェックアウト、注文、在庫、請求書、割引、レビュー、ウィッシュリスト

支払い

Stripe、Mollie、PayPal

Resend、SendGrid、Mailgun、SMTP、Mailchimp、Brevo、Kit

ソーシャル

LinkedIn、Twitter/X

メッセージング

Slack、Discord、Telegram、Twilio（SMS + WhatsApp）

配送

PostNL、SendCloud

CRMと生産性

HubSpot、Notion、Linear、Todoist、Airtable、Supabase

メディア

Cloudinary、Unsplash、Pexels、Giphy、Imgur、Vimeo、YouTube

データ

Google Places、NewsAPI、OpenWeather、Overheid.io KVK、Web Scraper

プラットフォーム

ブログ、コメント、フロー、ファイルダウンロード、メールテンプレート、分析、Schema.orgなど

開発と監視

GitHub、Sentry、Cal.com

📖 エンドポイントとセットアップガイドを含む完全なリストについては、統合ドキュメントを参照してください。

💬 プロンプトの例

これらはどのプラットフォームでも機能します。

「WebsitePublisherのプロジェクトを一覧表示して」

「概要ページとお問い合わせページのあるポートフォリオサイトを作って」

「この画像をアップロードして、ホームページのヒーローに追加して」

「ホームページのバージョン履歴を表示して」

「概要ページを以前のバージョンにロールバックして」

🔧 トラブルシューティング

ChatGPT: アクションが機能しない

手動で作成したものではなく、公式のカスタムGPTを使用していることを確認してください。OAuth接続を更新してみてください。

Claude: ツールが表示されない

Claude Desktopを完全に終了し（ウィンドウを閉じるだけではありません）、再起動します。それでも表示されない場合は、Connectアプリを再度実行して再設定します。

Cursor: ツールが読み込まれない

エージェントモード（Askモードではなく）になっていることを確認してください。~/.cursor/mcp.json の設定が正しいか確認し、Cursorを完全に再起動してください。

Windsurf: MCPサーバーが見つからない

設定を追加した後、Windsurfを再起動し、CascadeパネルでMCPサーバーを手動で有効にしてください。これはWindsurfのセキュリティ設計によるもので、サーバーは明示的に有効化する必要があります。

GitHub Copilot: 接続できない

VS Code 1.101以降を使用していることを確認してください。設定で "servers"（"mcpServers" ではなく）と "type": "http" が使用されているか確認し、Copilot Chatでエージェントモードに切り替えてください。

Mistral: チャットにツールが表示されない

コネクターを追加した後、チャットで有効にしてください。入力ボックスの下にあるツールボタン（4つの四角形のアイコン）をクリックし、WebsitePublisherがオンになっていることを確認します。コネクターがディレクトリに表示されない場合は、「WebsitePublisher」（一語）で検索してみてください。

Gemini / Grok: Webアプリで動作しない

これらのプラットフォームでは、MCPはSDK/API経由でのみ動作します。WebインターフェースはカスタムMCPサーバーをサポートしていません。上記のコード例を使用してください。

OAuth: ブラウザが開かない

mcp-remoteベースのセットアップ（Claude、Cursor）の場合：ターミナルで npx が動作することを確認してください。npx -y mcp-remote --help を実行して検証してください。

トークンの有効期限切れ

OAuthトークンはほとんどのプラットフォームで自動的に更新されます。SDKユーザーの場合：ダッシュボードから新しいセッショントークンを取得してください。

💡 クイックテスト: AIに「WebsitePublisherのプロジェクトを一覧表示して」と尋ねてみてください。動作すれば接続されています！

📚 リソース

⬇️ アプリ接続 🎛️ ダッシュボード 🤖 対応AI 📄 OpenAPI仕様 🔍 検出 🐙 GitHubリポジトリ 🔌 MCPプロトコル 📖 PAPIドキュメント 🔗 統合