MCP Server

Claude skills

Claude 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

Claude skills require both:

  • Claude Code - The official CLI tool from Anthropic
  • Webflow MCP server - Installed and configured in Claude Code

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

What are Claude 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.

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?

Installation

1

Install via Claude Code marketplace

Use the Claude Code plugin system to install from the marketplace:

$# Add the marketplace
>claude plugin marketplace add webflow/webflow-skills
>
># Install the plugin
>claude plugin install webflow-skills@webflow-skills

After installation, restart Claude Code. Skills will be automatically invoked when relevant to your task.

2

Or install from local repository

Clone and install the repository directly:

$# Clone the repository
>git clone git@github.com:webflow/webflow-skills.git ~/webflow-skills
>
># Install the plugin
>claude plugin install ~/webflow-skills
3

Verify installation

Open Claude Code and try a skill-related prompt:

Audit my Webflow site for common issues

If the site-audit skill is working, Claude Code will automatically invoke it and run a comprehensive health check.

Updating skills

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

$# Update the marketplace index
>claude plugin marketplace update
>
># Update the plugin
>claude plugin update webflow-skills@webflow-skills

Or use the interactive plugin manager:

$/plugin

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.

MCP tools reference

See all the underlying MCP tools that skills use to interact with Webflow.