MCP Server

Skills

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

Select your AI tool below to begin:

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:

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

Available skills

Bulk CMS update

Create 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.

Example prompts:

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 setup

Create 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.

Example prompts:

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 practices

Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.

Example prompts:

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.