Webflow MCP Server

Name: Webflow MCP Server
Author: kapilduraphe

@kapilduraphe

リポジトリ

Webflow MCP Server について

Webflow MCP server

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

kapilduraphe

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "webflow-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli",
        "install",
        "@kapilduraphe/webflow-mcp-server",
        "--client",
        "claude"
      ]
    }
  }
}

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is Webflow MCP Server?

This MCP server enables Claude to interact with Webflow’s APIs. It is designed for developers using the Claude Desktop app who need to retrieve information about Webflow sites programmatically.

How to use Webflow MCP Server?

Install Node.js (v16 or higher), the Claude Desktop app, and a Webflow account with an API token. Set up the environment variable WEBFLOW_API_TOKEN in a .env file, then configure Claude Desktop by adding a webflow entry in claude_desktop_config.json pointing to the absolute path of build/index.js. Alternatively, install via Smithery with npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude. The server provides two tools: get_sites and get_site.

Key features of Webflow MCP Server

Retrieves a list of all accessible Webflow sites.
Returns detailed info for a specific site by ID.
Reports site display name, short name, and workspace.
Provides creation, last updated, and last published dates.
Includes preview URL, time zone, and custom domains.
Shows localization settings and data collection preferences.

Use cases of Webflow MCP Server

List all Webflow sites owned by the authenticated user.
Inspect detailed metadata for a single site via its ID.
Automate site information retrieval within Claude workflows.
Troubleshoot site settings without leaving the chat interface.

FAQ from Webflow MCP Server

What are the prerequisites to use Webflow MCP Server?

You need Node.js v16 or higher, the Claude Desktop app, and a Webflow account with an API token (site token or OAuth access token).

How do I create a Webflow API token?

Log in to your Webflow account, go to Site Settings > Apps & Integrations, generate a new API token, and copy the token value. Alternatively, generate an OAuth access token.

What tools does the server provide?

The server provides get_sites (list all sites) and get_site (details for a single site by ID). Each returns fields like display name, short name, workspace, dates, preview URL, time zone, custom domains, and locales.

What should I do if the tools aren’t appearing in Claude?

Check Claude Desktop logs, verify the WEBFLOW_API_TOKEN is set correctly, and ensure the path to index.js in the configuration is absolute and correct.

How can I keep my API token secure?

Keep your API token private, never commit it to version control, use environment variables, regularly rotate tokens, and grant only the minimum required permissions.