WebsitePublisher.ai
公式API経由で任意のAIクライアントから直接、完全なウェブサイトを公開できます。ホスティングの設定、CMS、設定は一切不要です。
WebsitePublisher Ai MCPで何ができますか?
- プロジェクトとページの管理 — アシスタントにプロジェクトの一覧表示、ページの作成、ページコンテンツの更新を依頼します。、および。
- アセットとバージョン管理 — 画像やCSSのアップロード、ページのバージョン履歴の確認、変更のロールバックを行います。、および。
- フォームとトラッキングの設定 — サーバーサイドフォームの設定、アナリティクススクリプトの挿入、訪問者認証の管理を行います。、および。
- インテグレーションによる自動化 — 100以上の利用可能なインテグレーションを検索し、APIキーで設定し、
execute_integrationを通じてアクションを実行します。 - タスクのスケジュールと管理 — 定期的な自動タスクの作成、スケジュール済み実行の一覧表示、
tasksによるタスク履歴の追跡を行います。
ドキュメント
🔗 サーバーエンドポイント
MCPサーバー https://mcp.websitepublisher.ai
OpenAPI仕様 openapi.json
ディスカバリー .well-known/mcp.json
プロトコル Streamable HTTP + JSON-RPC 2.0
認証 OAuth 2.1(自動検出)またはBearerトークン
接続方法は3つあります。オプションAが最も簡単です — WebsitePublisherはAnthropicのコネクタディレクトリに掲載されているため、ワンクリックで接続でき、無料プランを含むすべてのClaudeプランで動作します。オプションBはClaude Desktopを設定し、Cursor、Windsurf、VS Codeもセットアップします。オプションCは手動でのMCP設定です。
1
Claudeでリスティングを開く
WebsitePublisherのリスティングに直接アクセスするか、claude.aiで設定 → コネクタを開き、WebsitePublisherを検索してください。貼り付けや設定は不要です。
2
「接続」をクリックして認証する
プロンプトが表示されたらWebsitePublisherアカウントでサインインします。ツールはチャットですぐに利用可能になります。リスティングにはコミュニティバッジが付いています — これはAnthropicのレビューレベルであり、制限ではありません。
🌐 Webコネクタはどのブラウザでも動作します — デスクトップアプリやNode.jsは不要です。外出先での簡単な編集に最適です。
これをclaude_desktop_config.jsonに追加します:
{
"mcpServers": {
"websitepublisher": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
}
}
}
💡 初回使用時は、OAuthサインイン用のブラウザウィンドウが開きます。以降はトークンが自動的にキャッシュされます。
CursorでWebsitePublisherをリモートMCPサーバーとして追加します。CursorはOAuthをネイティブに処理するため、ブリッジやNode.jsは不要です。
1
MCP設定を追加
~/.cursor/mcp.json(全プロジェクト)またはプロジェクトフォルダ内の.cursor/mcp.jsonを作成または編集します:
{
"mcpServers": {
"websitepublisher": {
"url": "https://mcp.websitepublisher.ai/"
}
}
}
2
Cursorを再起動
完全に終了して再度開きます。チャットパネルでエージェントモードに切り替えます(Ctrl+L → エージェントトグル)。
3
認証
初回使用時、Cursorはブラウザを開いてWebsitePublisherにサインインさせます。サインイン後は自動的にCursorに戻り、ツールが利用可能になります。
💡 古いnpx mcp-remote設定をまだ使用していますか? 引き続き動作しますが、上記のurl設定の方がシンプルでNode.jsは不要です。
VS Code 1.101+はOAuth自動検出によるネイティブなリモートMCPをサポートしています。ブリッジは不要です。
1
MCP設定を追加
ワークスペースに.vscode/mcp.jsonを作成します:
{
"servers": {
"websitepublisher": {
"type": "http",
"url": "https://mcp.websitepublisher.ai/"
}
}
}
2
認証
CopilotがOAuthを自動検出します。ブラウザが開いたらサインインします。
3
エージェントモードで使用
Copilot Chatでエージェントモードに切り替えて、ビルドを開始します。
💡 形式が異なることに注意: "servers"("mcpServers"ではなく)と"type": "http" + "url"です。
Devin DesktopはネイティブなStreamable HTTP + OAuth自動検出をサポートしています。ブリッジもNode.jsも不要 — URLだけでOKです。
1
MCP設定を追加
~/.config/devin/mcp_config.json(Windows: %APPDATA%\devin\mcp_config.json)を作成または編集するか、Cascadeパネルから開きます: … メニュー → MCPs → MCP設定ファイルを開く:
{
"mcpServers": {
"websitepublisher": {
"serverUrl": "https://mcp.websitepublisher.ai/"
}
}
}
2
MCPサーバーを有効化
Devin Desktopを再起動します。Cascadeパネル(… メニュー → MCPs)でWebsitePublisher MCPサーバーを有効にします。外部ウェブサイトを開くよう求められたら「許可」をクリックします。
🌟 Devin Desktopは最もクリーンな統合です — ブリッジ、npx、Node.jsは一切不要です。
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はどちらもカスタムコネクタ経由でWebアプリで直接動作します。開発者はGemini SDKまたはxAI API経由で接続することもできます。
GeminiアプリでWebsitePublisherをカスタムアプリとして追加します。Geminiが自動的に登録し、OAuth経由でサインインを処理します — APIキーは不要です。
ℹ️ Googleは現在、カスタムアプリを米国の個人Googleアカウント(18歳以上、Geminiが英語に設定され、アクティビティの保持がオン)に提供しています。仕事用・学校用アカウントは、以下のGemini Enterpriseを参照してください。
1
カスタムアプリを追加
gemini.google.comで設定 → 接続済みアプリを開き、MCPサーバーURL https://mcp.websitepublisher.aiでカスタムアプリを追加します。
3
ビルドを開始
Geminiチャットで次のように尋ねます: 「WebsitePublisherを使って、私のプロジェクトを一覧表示して。」 このアプリはWebおよびモバイルのSparkでも動作します。
🏢 Gemini Enterprise: Google Workspace管理者がhttps://mcp.websitepublisher.aiを組織のカスタムMCPサーバーとして追加します。その後、チームメンバーは自分のWebsitePublisherアカウントで接続します。
開発者向け: Gemini SDK
GoogleのGemini SDKには、npxを使用したstdioトランスポートによるMCPサポートが組み込まれています。
Python
pip install google-genai mcp
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-3.6-flash",
contents="List my WebsitePublisher projects",
config=genai.types.GenerateContentConfig(
temperature=0,
tools=[session],
)
)
print(response.text)
asyncio.run(main())
JavaScript
npm install @google/genai @modelcontextprotocol/sdk
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-3.6-flash",
contents: "Create a homepage for my portfolio",
config: { tools: [mcpToTool(mcpClient)] }
});
console.log(response.text);
Grok
コネクタ
grok.comでWebsitePublisherをカスタムコネクタとして追加します。GrokはOAuth経由でサインインを処理します。
1
カスタムコネクタを追加
grok.comで設定 → コネクタを開き、URL https://mcp.websitepublisher.aiでカスタムコネクタを追加します。
3
ビルドを開始
Grokチャットで次のように尋ねます: 「WebsitePublisherを使って、私のプロジェクトを一覧表示して。」
💡 Grok Business / Enterprise: チームメンバーが使用する前に、チーム管理者がコネクタを追加する必要があります。
開発者向け: xAI API
GrokはxAI SDKのremote_mcpツールタイプ経由でMCPもサポートしています。
pip install xai-sdk
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)
🛠️ 利用可能なツール(45)
すべてのプラットフォームで同じコアツールにアクセスでき、これらを合わせるとフルスタックをカバーします: ページとアセット、データ、フォーム、認証(管理者、テナント、ビジター)、統合とボールト、スケジュールされたタスク、プロジェクト履歴。正確な数はプロジェクトごとに異なります — 設定された統合により動的ツールが自動的に追加されます:
プロジェクト
get_started
ここから開始 — プロジェクトと次の正確な呼び出しを返します
get_skill
ビルドパターン、デザインガイドライン、公開チェックリスト
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
アセットの部分的な検索・置換編集
エンティティ(動的データ)
entities
エンティティタイプ: 一覧、作成、スキーマ取得、更新、削除(操作ベース)
records
エンティティ行: 一覧、取得、作成、更新、削除(操作ベース)
ボールト(シークレット)
vault_list_secrets
保存されたシークレットキーを一覧表示
vault_store_secret
暗号化されたシークレットを保存
vault_delete_secret
シークレットを削除
統合
list_integrations
利用可能な統合
search_integrations
実行したいことから統合を検索(100以上利用可能)
setup_integration
APIキーで設定
execute_integration
統合アクションを実行
remove_integration
統合設定を削除
フォーム(SAPI)
configure_form
フォーム + サーバーアクションを定義
list_forms
設定済みフォームを一覧表示
remove_form
フォーム設定を削除
トラッキング
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)
tasks
履歴付きタスク: 一覧、取得、作成、add_history、検索、エクスポート(操作ベース)
ビジター認証と分析(SAPI)
configure_visitor_auth
ビジター認証を設定
get_visitor_auth_config
ビジター認証設定を取得
get_analytics
プロジェクトのビジター分析
get_integration_schema
完全な統合スキーマ + エンドポイントを取得
🔗 動的統合ツール
45のコアツールに加えて、WebsitePublisherはプロジェクトの設定済み統合に基づいて追加のツールを動的に生成します。各統合はexecute_integrationを通じて独自のエンドポイントを公開します — 追加のMCPツールは不要です。
124の統合が以下のカテゴリで利用可能です:
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スクレイパー
プラットフォーム
ブログ、コメント、フロー、ファイルダウンロード、メールテンプレート、分析、Schema.orgなど
開発と監視
GitHub、Sentry、Cal.com
📖 完全なリスト(エンドポイントとセットアップガイド付き)は統合ドキュメントを参照してください。
💬 プロンプト例
これらはどのプラットフォームでも動作します:
🔧 トラブルシューティング
ChatGPT: WebsitePublisherが使用されない
ChatGPTが独自に回答する場合(例えば、どこにも公開されていないページプレビューをチャットで表示する場合)、メッセージを**@WebsitePublisher**で始めてください。それでもアプリが応答しない場合は、ChatGPT設定で接続されているか確認し、OAuthサインインを更新するために再接続してください。カスタムGPTを使用していますか? 手動で作成したものではなく、公式カスタムGPTであることを確認してください。
Claude: ツールが表示されない
Claude Desktopを完全に終了(ウィンドウを閉じるだけでは不十分)して再度開きます。それでも表示されない場合は、Connectアプリを再度実行して再設定します。
Cursor: ツールが読み込まれない
エージェントモード(Askモードではなく)にいることを確認してください。~/.cursor/mcp.jsonに正しい設定があるか確認します。Cursorを完全に再起動します。
Devin Desktop(Windsurf): MCPサーバーが見つからない
設定を追加した後、Devin Desktopを再起動し、CascadeパネルでMCPサーバーを手動で有効にします。これはDevin Desktopのセキュリティ設計です — サーバーは明示的に有効化する必要があります。
GitHub Copilot: 接続されない
VS Code 1.101+を使用していることを確認してください。設定が"servers"("mcpServers"ではなく)と"type": "http"を使用しているか確認します。Copilot Chatでエージェントモードに切り替えます。
Mistral: チャットにツールが表示されない
コネクタを追加した後、チャットで有効にしていることを確認してください。入力ボックスの下にあるツールボタン(4つの四角いアイコン)をクリックし、WebsitePublisherがオンになっているか確認します。コネクタがディレクトリに表示されない場合は、「WebsitePublisher」(一語)で検索してみてください。
Gemini: 「カスタムアプリを追加」が利用できない
カスタムアプリは現在、Googleによって米国の個人アカウント(Geminiが英語に設定されていること)に限定されています。仕事用・学校用アカウントはGemini Enterprise(管理者設定)を通じて行います。その他のユーザーは上記のSDKルートを使用できます。
Grok: 接続済みだがツールがない
コネクタを削除して再度追加します。WebsitePublisherのサインインページが実際に表示されたことを確認してください — Grokがサインインを求めずに「接続済み」と表示する場合、ツールは読み込まれません。
OAuth: ブラウザが開かない
mcp-remoteベースのセットアップ(Claude Desktop、古いCursor設定)の場合: npxがターミナルで動作することを確認してください。npx -y mcp-remote --helpを実行して検証してみてください。
トークンの有効期限切れ
OAuthトークンはほとんどのプラットフォームで自動的に更新されます。SDKユーザーの場合: ダッシュボードから新しいセッショントークンを取得してください。
💡 クイックテスト: AIに「WebsitePublisherのプロジェクトを一覧表示して」と尋ねてみてください — 動作すれば接続完了です!
📚 リソース
⬇️ アプリに接続 🎛️ ダッシュボード 🤖 対応AI 📄 OpenAPI仕様 🔍 ディスカバリー 🐙 GitHubリポジトリ 🔌 MCPプロトコル 📖 PAPIドキュメント 🔗 インテグレーション