For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferencePrompt LibraryChangelog
ReferencePrompt LibraryChangelog
  • MCP Server
    • Overview
    • Getting started
      • Claude Desktop
      • Claude Code
      • Cursor
      • Postman
      • Windsurf
      • Beta server
      • Documentation server
    • How it works
    • Skills
    • FAQs and troubleshooting
LogoLogo
Resources
Get started
On this page
  • What are skills?
  • Installing skills
  • Updating skills
  • Available skills
  • How skills work with MCP
  • Resources
MCP Server

Skills

Was this page helpful?
Previous

FAQs and troubleshooting

Next
Built with

Skills are pre-built agent capabilities that help you accomplish common Webflow tasks through natural language. They work alongside the Webflow MCP server to provide specialized workflows for content management, site optimization, and safe publishing.

Prerequisites

Skills require both:

  • An agent - An agent that supports skills
  • The Webflow MCP server - Installed and configured in the agent

If you haven’t set up the MCP server yet, see the getting started guide.

What are skills?

Skills are specialized agent workflows that combine multiple MCP tools to accomplish specific tasks. Instead of manually orchestrating tool calls, you describe what you want and the skill handles the implementation details.

For example, rather than:

  1. Manually fetching collection schemas
  2. Reading each item individually
  3. Validating field requirements
  4. Updating items one by one

You can use the bulk-cms-update skill with a prompt like:

Update all blog posts to add a default featured image where missing

The skill automatically handles validation, generates a preview of changes, and asks for confirmation before applying updates.

Installing skills

To open an interactive installer that lets you select skills and the agents to install them in, run this command:

$npx skills add webflow/webflow-skills

For specific instructions for AI tools, select your AI tool below to begin:

Claude Desktop
Claude Code
Cursor
Windsurf
1

Enable skills

In Claude Desktop, go to Settings > Capabilities ensure that Code execution and file creation is enabled.

2

Download the Webflow skills

Download and extract the Webflow skills from this link: https://github.com/webflow/webflow-skills/archive/refs/heads/main.zip

Or go to https://github.com/webflow/webflow-skills and download the repository compressed file or individual SKILL.md files from there.

3

Install the skills

  1. In Claude Desktop, go to Customize > Skills.
  2. Click the + button and then click Upload a skill.
  3. From the plugins folder of the file you downloaded and extracted, upload one SKILL.md file at a time. These files are in sub-folders in the compressed file.
4

Try a skill

Skills are automatically invoked when they are relevant to your task. For example, if you added the Accessibility Audit skill, Claude Desktop invokes it automatically when you give it a prompt that relates ot the skill, like this example:

Audit my Webflow site for accessibility issues

If the accessibility-audit skill is working, Claude Code automatically invokes it and runs an accessibility check.

Updating skills

Keep your skills up to date to get the latest features and improvements:

Claude Desktop
Claude Code
Cursor
Windsurf

To update a skill in Claude Desktop, upload the new version of the skill and replace the old version.

Available skills

Content management
Site health & optimization
Publishing & code
Code Components
Webflow CLI
SkillDescriptionExample prompts
Bulk CMS updateCreate or update multiple CMS items in a Webflow collection with validation and diff preview. Use when adding multiple blog posts, products, or updating fields across many items.
  • Add 2 blog posts about Webflow MCP and update the first blog to say “Top” instead of “Best”
  • Update all product prices by increasing them 10%
CMS collection setupCreate a new CMS collection in Webflow with specified fields and relationships. Use when setting up blog posts, products, team members, portfolios, or other content types with custom fields.
  • Create a team members collection with name, bio, photo, and role fields
  • Set up a products collection with pricing, categories, and related items
CMS best practicesExpert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.
  • I’m building a recipe site. How should I structure the CMS?
  • My collection list is slow with 500+ items. How do I optimize?

How skills work with MCP

Skills are implemented using the Agent Skills open format. They work as specialized workflows that:

  1. Detect relevant tasks - Skills activate automatically when your prompt matches their use case
  2. Orchestrate MCP tools - Each skill combines multiple Webflow MCP tools in specific sequences
  3. Provide guardrails - Skills include validation, error handling, and confirmation steps
  4. Return structured results - You get clear summaries, previews, and actionable recommendations

The skills layer on top of the MCP server without requiring any changes to your MCP configuration. They simply make common workflows easier by packaging best practices into reusable patterns.

Resources

View on GitHub

Explore the source code, contribute improvements, or report issues.

Prompt library

Browse example prompts that work with skills and the MCP server.

Getting started

Learn how to set up and configure the Webflow MCP server.