> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/mcp/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# MCP Server

## Docs

- [Webflow MCP server](https://developers.webflow.com/mcp/reference/overview.md): Webflow's MCP server and AI tools for building with Webflow APIs
- [Getting started](https://developers.webflow.com/mcp/reference/getting-started.md): Install and configure Webflow's MCP server and AI tools
- [ChatGPT](https://developers.webflow.com/mcp/installing/chatgpt.md): Install and configure Webflow's MCP server with the official Webflow app in ChatGPT to manage sites, CMS content, and SEO through natural-language prompts.
- [Claude Code](https://developers.webflow.com/mcp/installing/claude-code.md): Install and configure Webflow's MCP server in Claude Code so your AI coding agent can build, manage, and update your Webflow sites from the terminal.
- [Claude Desktop](https://developers.webflow.com/mcp/installing/claude-desktop.md): Install and configure Webflow's MCP server and AI tools using the Claude Desktop Connector to manage your Webflow sites directly from Claude.
- [Cursor](https://developers.webflow.com/mcp/installing/cursor.md): Install and configure Webflow's MCP server and AI tools using the Cursor plugin so your AI agent can build and manage your Webflow sites in Cursor.
- [Postman](https://developers.webflow.com/mcp/installing/postman.md): Connect to Webflow's MCP server from Postman to explore, test, and call Webflow's Data API endpoints directly within your Postman workspace.
- [Slack](https://developers.webflow.com/mcp/installing/slack.md): Connect Webflow to Slack so you can DM Slackbot or the Webflow agent, or tag @Webflow in a channel, to manage sites, CMS content, and SEO from Slack.
- [Windsurf](https://developers.webflow.com/mcp/installing/windsurf.md): Install and configure Webflow's MCP server in Windsurf so your AI coding agent can build, manage, and update your Webflow sites directly from the editor.
- [Beta server](https://developers.webflow.com/mcp/installing/beta.md): Connect to Webflow's Beta MCP server to try experimental tools and early-access API features directly from your AI coding tool or agent.
- [Documentation server](https://developers.webflow.com/mcp/installing/documentation-server.md): Connect directly to Webflow's documentation MCP server to give your AI agent up-to-date access to Webflow's developer documentation and API references.
- [How it works](https://developers.webflow.com/mcp/reference/how-it-works.md): Learn how Webflow's MCP server works
- [Skills](https://developers.webflow.com/mcp/reference/skills.md): Production-ready agent skills for popular agents that work with the Webflow MCP server
- [Skill Migration](https://developers.webflow.com/mcp/skills/skill-migration.md): Update skills and automations that reference older Webflow MCP tool and action names to the names the current version expects.
- [FAQs and troubleshooting](https://developers.webflow.com/mcp/faqs.md): Frequently asked questions and troubleshooting for Webflow's MCP server
- [Data](https://developers.webflow.com/mcp/tools/data-tools.md): Reference for Webflow MCP data tools: work with sites, pages, elements, CMS, and more.
- [Designer Session](https://developers.webflow.com/mcp/tools/designer-tools.md): Reference for Webflow MCP designer tools: interact with a live Designer session, select elements, navigate between pages, and capture visual snapshots.
- [Utility tools](https://developers.webflow.com/mcp/tools/utility-tools.md): Reference for Webflow MCP utility tools: AI assistance, workflow guidance, tool discovery, and asset preview.
- [Prompt Library](https://developers.webflow.com/mcp/examples/prompts.md): A curated collection of prompts for building, styling, and optimizing Webflow sites with the MCP server.
- [Image Optimizer](https://developers.webflow.com/mcp/prompts/image-optimizer.md): Audit a Webflow site's images and compress oversized ones in place to WebP or AVIF using Webflow's native asset compression.
- [Keyword Optimizer](https://developers.webflow.com/mcp/prompts/keyword-optimizer.md): Review static pages and CMS items, then update copy, meta titles, and descriptions to align with keyword optimization goals.
- [SEO Metadata Auditor](https://developers.webflow.com/mcp/prompts/SEO-metadata-auditor.md): Check all pages for missing or weak SEO metadata, get suggestions on improvments, and make all changes with user approval.
- [Variables Refactor](https://developers.webflow.com/mcp/prompts/variables-refactor.md): Find all hardcoded colors, spacing, and font values, then convert them to a design system using variables.
- [Link Auditor And Fixer](https://developers.webflow.com/mcp/prompts/link-auditor-and-fixer.md): Find and fix broken or insecure links across an entire site, including CMS content, to improve SEO and user experience.
- [Breakpoint Styles Updater](https://developers.webflow.com/mcp/prompts/breakpoint-styles-updater.md): Systematically update CSS styles across all Webflow breakpoints to ensure responsive design consistency.
- [Breakpoint Style Migrator](https://developers.webflow.com/mcp/prompts/breakpoint-style-migrator.md): Rescue design work done on the wrong breakpoint by copying or moving styles from one breakpoint to another.
- [Slider Builder](https://developers.webflow.com/mcp/prompts/slider-builder.md): Build a fully functional interactive image slider using Swiper.js library with autoplay, navigation, and responsive design.