Webflow MCP Prompts
MCP (Model Context Protocol) prompts for automating common Webflow tasks with Cursor AI. Each prompt includes a role definition, step-by-step task breakdown, and safety controls (explicit approval required before changes are applied).
Prompt .txt files are available as individual downloads on this page.
Prerequisites
- Webflow MCP server configured and authenticated
- Webflow Designer open with MCP Companion App active (required for Designer tools)
- Edit permissions for the target site
- Site ID available (use
sites_listMCP tool if unknown)
Prompts
SEO Metadata Auditor
Audits SEO metadata (titles, meta descriptions, Open Graph, slugs) across all pages using a deterministic scoring rubric. Scores each page 0–100, identifies duplicates, proposes and applies updates with explicit approval.
Use for: Site-wide SEO audits, identifying missing metadata, pre-launch checks.
Keyword Optimizer
Reviews and optimises content across static pages and CMS collections for target keywords. Proposes meta title, description, and content updates via Designer tools (static) and Data API (CMS).
Use for: Service page optimisation, blog SEO, location-based keyword targeting.
Link Auditor And Fixer
Crawls all pages and CMS rich text fields to find broken links (4xx/5xx) and insecure links (HTTP). Upgrades HTTP → HTTPS and proposes fixes; applies updates via Designer tools and Data API.
Use for: Quarterly link health audits, HTTPS compliance, redirect management.
Variables Refactor
Scans all styles for hardcoded values (colours, sizes, font families), maps them to existing variables or creates new ones with semantic naming, and generates batch scripts for bulk updates.
Use for: Migrating to a design system, enabling design tokens, theme/mode switching.
Breakpoint Style Migrator
Copies styles from a source breakpoint to a target breakpoint — for recovering work accidentally done on the wrong breakpoint. Previews the migration plan before applying; supports rollback.
Use for: Fixing accidental desktop/tablet/mobile breakpoint mistakes.
Breakpoint Styles Updater
Systematically updates CSS styles across all breakpoints for specified elements. Reviews current styles, applies changes per breakpoint in one pass, and provides a breakpoint-by-breakpoint report.
Use for: Maintaining responsive design consistency, fixing cross-breakpoint inconsistencies.
Slider Builder
Builds fully functional image sliders on Webflow pages using Swiper.js v8. Creates the complete DOM structure, adds library references, applies custom styling, and handles load timing.
Use for: Image carousels, testimonial sliders, portfolio galleries.