The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
MCP Server
Model Context Protocol (MCP) server for the Webflow Data API.
Install
$
npx -y webflow-mcp-server@latestClaude Code
claude mcp add mcp-server -- npx -y webflow-mcp-server@latestCursor / Claude Desktop (mcp.json)
{
"mcpServers": {
"mcp-server": {
"command": "npx",
"args": [
"-y",
"webflow-mcp-server@latest"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →Webflow's MCP server
A Node.js server implementing Model Context Protocol (MCP) for Webflow using the Webflow JavaScript SDK. Enable AI agents to interact with Webflow APIs. Learn more about Webflow's Data API in the developer documentation.
Prerequisites
🚀 Remote installation
Get started by installing Webflow's remote MCP server. The remote server uses OAuth to authenticate with your Webflow sites, and a companion app that syncs your live canvas with your AI agent.
Requirements
- Node.js 22.3.0 or higher
Note: The MCP server currently supports Node.js 22.3.0 or higher. If you run into version issues, see the Node.js compatibility guidance.
Cursor
Add MCP server to Cursor
- Go to
Settings → Cursor Settings → MCP & Integrations. - Under MCP Tools, click
+ New MCP Server. - Paste the following configuration into
.cursor/mcp.json(or add thewebflowpart to your existing configuration):
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}
Tip: You can create a project-level
mcp.jsonto avoid repeated auth prompts across multiple Cursor windows. See Cursor’s docs on configuration locations.
- Save and close the file. Cursor will automatically open an OAuth login page where you can authorize Webflow sites to use with the MCP server.
Open the Webflow Designer
- Open your site in the Webflow Designer, or ask your AI agent:
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
Open the MCP Webflow App
- In the Designer, open the Apps panel (press
E). - Launch your published "Webflow MCP Bridge App".
- Wait for the app to connect to the MCP server.
Write your first prompt
Try these in your AI chat:
Analyze my last 5 blog posts and suggest 3 new topic ideas with SEO keywords
Find older blog posts that mention similar topics and add internal links to my latest post
Create a hero section card on my home page with a CTA button and responsive design
Claude desktop
Add MCP server to Claude desktop
- Enable developer mode:
Help → Troubleshooting → Enable Developer Mode. - Open developer settings:
File → Settings → Developer. - Click
Get Startedor edit the configuration to openclaude_desktop_config.jsonand add:
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["mcp-remote", "https://mcp.webflow.com/sse"]
}
}
}
- Save and restart Claude Desktop (
Cmd/Ctrl + R). An OAuth login page will open to authorize sites.
Open the Webflow Designer
- Open your site in the Webflow Designer, or ask your AI agent:
Give me a link to open <MY_SITE_NAME> in the Webflow Designer
Open the MCP Webflow App
- In the Designer, open the Apps panel (press
E). - Launch your published "Webflow MCP Bridge App".
- Wait for the app to connect to the MCP server.
Write your first prompt
Similar plugs
Reverse engineer anything with agents, from app behavior down to native binaries.
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
Build Agentic workflows, RAG pipelines, with rich AI model and tool support on one collaborative workspace. Deploy on cloud, VPC, or self-hosted, so teams move from prototype…
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)