mcpField
W
Webflow

Webflow

リモート
pipeworx.io開発ツール05 週間前に更新
リポジトリ公式サイト

Webflow について

Webflow は、接続済みアカウントのサイトと CMS データを読み取る MCP サーバーです。サイト、コレクション、コンテンツレコードを調べるエージェントやクライアント向けです。

主な機能

  1. 01アクセス可能なサイトの一覧
  2. 02サイトメタデータの取得
  3. 03CMS コレクションの一覧
  4. 04コレクション項目のページ単位の閲覧
  5. 05単一コレクション項目の取得

活用シーン

  1. 01アカウントから利用可能なサイトの確認
  2. 02サイトの CMS 構造の調査
  3. 03ブログ記事、製品、チーム情報の閲覧

MCP 対応

Pipeworx 経由、またはローカル stdio サーバーとして、MCP クライアントに Webflow のサイト・CMS 調査ツールを提供します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://gateway.pipeworx.io/webflow/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

mcp-webflow

Webflow MCP パック

Pipeworx の一部です — AI エージェントを1684以上のライブデータソースに接続するMCPゲートウェイです。

ツール

ツール説明
list_sites接続済みアカウントからアクセスできるすべてのWebflowサイトを一覧表示します。各サイトのID、表示名、短縮名、プレビューURL、最終公開日時、カスタムドメインを返します。CMSコレクションやサイトコンテンツを読み取る前に、利用可能なWebflowサイトを確認するために使用します。
get_siteIDを指定して、単一のWebflowサイトのメタデータを取得します。表示名、短縮名、プレビューURL、タイムゾーン、最終公開日時、カスタムドメインが含まれます。list_sites の後に使用して、CMSコレクションやコンテンツを参照する前に特定のサイトを調べます。
list_collectionsWebflowサイトに定義されているCMSコレクションを一覧表示します。各コレクションのID、表示名、スラッグ、単数形の名前、作成日時、最終更新日時を返します。コレクションのアイテム(実際のサイトコンテンツ)を一覧表示または読み取る前に、サイトのCMS構造を確認するために使用します。
list_collection_itemsWebflow CMSコレクション内のアイテム(レコード)を一覧表示します。ブログ投稿、商品、チームメンバーなどのライブサイトコンテンツです。ID、下書き/アーカイブ状態、最終公開日時、fieldData(CMSフィールドの値)を含む、ページ分割されたアイテムを返します。Webflowコレクションに保存されている実際のコンテンツを読むために使用します。
get_collection_itemIDを指定して、Webflow CMSコレクションから単一のアイテム(レコード)を取得します。アイテムのID、下書き/アーカイブ状態、最終公開日時、fieldData(CMSフィールドの全値)を返します。list_collection_items の後に使用して、Webflowサイトのコンテンツを1件詳しく読み取ります。

クイックスタート

MCPクライアント(Claude Desktop、Cursor、Windsurfなど)に追加します:

{
  "mcpServers": {
    "webflow": {
      "url": "https://gateway.pipeworx.io/webflow/mcp"
    }
  }
}
このエンドポイントが実際に提供するもの

https://gateway.pipeworx.io/webflow/mcp の tools/list は、上の表にあるツールに加えて、Pipeworx共通のメタツールである ask_pipeworx、discover_tools、search_within、remember/recall など、ゲートウェイ全体で使える一連のツールを返します。そのため、表示されるツール数はこの表より多くなります。現在、単一パックのエンドポイントには、そのパック独自のツールに加えて、共通ツールがおよそ30個表示されます。接続の initialize レスポンスには正確なスコープが記載されており、その日の状況を確認するための正式な情報源です。

これは意図的なものであり、偶然に多重化されているわけではありません。パックの範囲外の質問にも対応できるのは、このメタツールのおかげです。ask_pipeworx がカタログ全体を対象にルーティングするため、2つ目のMCPサーバーを追加する必要はありません。現時点では、メタツールなしでパックのエンドポイントをマウントする方法はありません。追加のスキーマにかかるコンテキストコストがルーティングの利点を上回る場合は、複数のパックエンドポイントではなく、フルゲートウェイに一度だけ接続してください。

または、Pipeworxのフルゲートウェイに接続すると、このパックのツールだけでなく、すべてのパックのツールが直接一覧表示されます:

{
  "mcpServers": {
    "pipeworx": {
      "url": "https://gateway.pipeworx.io/mcp"
    }
  }
}

どちらのURLも、同じゲートウェイと同じ1684以上のデータソースに接続します。違いは、どのパックのツールが直接一覧表示されるかだけです。どちらからでも、ask_pipeworx を使えばすべてのツールにアクセスできます。

MCPクライアントがない場合:HTTPで呼び出す

このパックは接続済みのwebflowアカウントを使用するため、Pipeworxキーが必要です。https://pipeworx.io/account にサインインしてwebflowを接続し、Authorization: Bearer <your Pipeworx key> を指定して POST https://gateway.pipeworx.io/v1/tools/list_sites を呼び出してください。任意のツールを調べるには、GET https://gateway.pipeworx.io/v1/tools/list_sites を実行します。ツールを検索するには、{"query":"..."} を指定して POST https://gateway.pipeworx.io/v1/tools/search_packs を実行します。

スタンドアロン(ゲートウェイアカウント不要)

このパッケージはローカルのstdio MCPサーバーとしても実行できます。Pipeworxアカウントも、ゲートウェイへの往復通信も不要です:

{
  "mcpServers": {
    "webflow": {
      "command": "npx",
      "args": ["-y", "@pipeworx/mcp-webflow"]
    }
  }
}

または、直接実行して起動することを確認します:

npx -y @pipeworx/mcp-webflow

stdin/stdout経由でMCPを使用し、このパックのツールのみを対象に initialize/tools/list/tools/call に応答します。上記のゲートウェイ接続で追加される共通メタツールは含まれません。同じソース、同じツールで、ask_pipeworx によるルーティングはありません。

ask_pipeworx での使用

ツールを直接呼び出す代わりに、自然な英語で質問できます。 これは、上記のパックエンドポイントでも、フルゲートウェイでも機能します。

ask_pipeworx({ question: "your question about Webflow data" })

ゲートウェイが適切なツールを選択し、引数を自動的に入力します。

詳細

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。