Webflow Skills plugin
The official Webflow plugin: over thirty skills for the CMS, site audits, Designer, code components and safe publishing
- 136 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Through the Webflow MCP server the agent changes CMS items, pages and custom code and publishes the site, but steps with consequences go through a preview and confirmation.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add plugins/webflow-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Through the Webflow MCP server the agent changes CMS items, pages and custom code and publishes the site, but steps with consequences go through a preview and confirmation.
This is third-party code. Review the repository files before installing.
What it does
The `webflow-skills` plugin gathers ready workflows for an agent working with Webflow sites into one package. Skills with the `webflow-mcp` prefix go through the Webflow MCP server: bulk creation and update of CMS items with a preview, creation of collections with fields and relations, a site audit scored from 0 to 100, and checks of links, WCAG 2.1 accessibility and assets. The `safe-publish` skill publishes a site on a plan, confirm, publish scheme: it shows changes since the last publish and asks for explicit consent. Other skills work in Designer: they build pages and components, set up IX3 interactions, carry a layout from Figma through two MCP servers and apply FlowKit naming. For Enterprise there is a skill for WAF rules with a preview and confirmation. The `webflow-cli` and `webflow-code-component` skills lead through the Webflow command line: deploying to Webflow Cloud, exporting Designer components to React through DevLink, creating and deploying code components, pre-deploy checks and failure analysis. Three teaching skills from `webflow-university` walk from a first MCP task to a CMS migration.
Who it is for. Webflow site builders and studios who hand CMS chores and audits to an agent and want changes published only after a check.
Good fit when
- Hundreds of items in a blog collection have to be updated in one pass after previewing the result.
- Before handing a project to a client, an audit with scores is run: site health, links, WCAG accessibility.
- A Figma layout is turned into Webflow pages through a pair of MCP servers.
- Publishing to the live domain happens only after reviewing the list of changes and giving explicit confirmation.
- A React code component is moved into Webflow and checked for bundle size and Shadow DOM compatibility.
Not a fit when
- You have no Webflow account and no connected MCP server: the skills have nothing to work with.
- The site is on another platform: the workflows are written for Webflow tools.
- A single CMS field needs a quick edit that is faster to do by hand in the editor.
Example request
Audit my Webflow site, show scores by section and the list of broken links, and publish nothing.Limitations
Skills for sites, CMS, audits, Designer and publishing require an installed and authorized Webflow MCP server, while the command-line and code-component workflows need Node.js and the Webflow CLI. WAF rules and bot bypass settings are available only on Enterprise sites. The `figma-to-webflow` skill also uses the Figma MCP. The plugin is available in the Claude Code, Cursor and Antigravity marketplaces, and for other agents the skill folders are copied by hand into their directory.
How to disable. In Claude Code run `claude plugin uninstall webflow-skills`. For a manual install delete the skill folders from the agent directory and revoke the Webflow MCP server connection in the Webflow account.
FAQ
How do I install Webflow Skills in Claude Code?
Run `claude plugin marketplace add webflow/webflow-skills`, then `claude plugin install webflow-skills@webflow-skills`. Next, connect the Webflow MCP server and authorize in your account.
How do I install the plugin in other agents?
For Cursor open Settings, Rules, Add Rule, Remote Rule and enter `webflow/webflow-skills`. The universal route is `npx skills add https://github.com/webflow/webflow-skills`. Skill folders can also be copied into the agent directory by hand.
Does the plugin publish the site without asking?
No, the `safe-publish` skill builds a plan, shows changes since the last publish, runs checks and waits for explicit confirmation. Bulk CMS edits and WAF rules follow the same preview and confirm pattern.
Which skill families are there?
`webflow-mcp` for sites, CMS, audits and Designer, `webflow-cli` for the command line and Webflow Cloud, `webflow-code-component` for React components and `webflow-university` for teaching exercises.
Which accounts and tools are needed?
A Webflow account with sites, a connected Webflow MCP server and an agent that supports skills. The CLI and code-component workflows also need Node.js and the Webflow CLI.
Discussion
No questions or reviews yet.
Related
PluginsOfficial Webflow MCP server: CMS, pages and on-canvas elements in the Designer via the Data API
Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
45 enterprise UX skills for agents: palettes, typography, forms, WCAG accessibility and usability review of an interface.
Three Framer skills: code components and overrides, Framer Agent and plugins, plus a collection of tricks and notes
design-to-code: a website from a design image
design-to-code
A skill that turns a screenshot, mockup, Figma frame or live page into a responsive site and checks it against the design
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
README in short
The page gives install commands for five hosts, lists the requirements and the first-time setup order. Most of it is four skill tables with short descriptions and a list of links to Webflow documentation.