Webflow MCP Server
@kapilduraphe
About Webflow MCP Server
Webflow MCP server
Basic information
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"webflow-mcp-server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli",
"install",
"@kapilduraphe/webflow-mcp-server",
"--client",
"claude"
]
}
}
}Tools
No tools detected
We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.
Overview
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.
More Other MCP servers
MaxKB
1Panel-dev🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。
Unity MCP ✨
justinpbarnettUnity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.
XcodeBuildMCP
cameroncookeA Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.
ICSS
chokcoco不止于 CSS
Codelf
unbugA search tool helps dev to solve the naming things problem.
Comments