webflow webflow-skills
COMMUNITYLABSCO SUMMARY
The 14 are everything under the webflow-mcp: prefix — CMS collection setup and bulk updates, site, asset, accessibility, and link audits, custom code and Designer building, FlowKit naming, safe publish, activity logs, and comment triage. The other 12 split between a webflow-cli: group of five (Cloud app deploy, DevLink export to React/Next.js, Designer Extensions, CLI troubleshooting) and a webflow-code-component: group of seven (scaffolding, auditing, converting an existing React component, and checking or debugging a deploy).
This is for a team that already runs its site on Webflow and wants an agent to touch CMS content, run audits, or ship Designer and Code Component work directly against it — not a general web-design skill. Every one of the 26 needs either that MCP connection, an authenticated Webflow CLI session, or at minimum a real Webflow account; none of them work against a mockup or a repo that isn't already a live Webflow site.
READ THE FULL ANALYSIS
One of the fourteen needs more than an MCP connection. webflow-mcp:site-activity — querying and summarizing a site's change log — is described by its own author as Enterprise-plan only, one tier above what the rest of the package needs. Of the other twelve, seven need Webflow account credentials directly and five run entirely against a local React project with no Webflow account at all.
ALSO IN THIS PACKAGE
webflow-skills
Production-ready skills for managing Webflow CMS content, auditing site health, optimizing assets, building Designer pages and components, creating Code Components, running CLI workflows, and safely publishing changes
webflow-agent
Webflow agent with MCP server integration, skill orchestration for CMS management, site audits, safe publishing, link checking, accessibility, and asset optimization — includes safety workflows, batch processing, and structured reporting.
webflow
Interact with Webflow APIs to list and edit your site and CMS data.
http · https://mcp.webflow.com/mcpWHAT'S INSIDE
26 showing · 26 totalNothing else to set up — install it and go.
webflow-cli:cloud
Puts a web app onto Webflow's own hosting from the command line and keeps it running afterwards: new releases, rollbacks, build logs, and the keys the app needs to reach other services.
webflow-cli:code-component
Takes components a developer has written in React and publishes them into Webflow, where designers can drag them onto a page like any built-in element.
webflow-cli:designer-extension
Starts a new add-on for Webflow's design tool from a ready-made template, runs it on your own machine while you work on it, and packs it up for upload when it is finished.
webflow-cli:devlink
A designer's Webflow work turned into React code inside a developer's own project, with a list each time of which files changed and the lines needed to use them.
webflow-cli:troubleshooter
Finds out why the Webflow command-line tool is failing — it will not install, will not log in, or will not build — and walks through the fix.
webflow-code-component:component-audit
A review of components a developer has written, judging how well they will behave inside Webflow's design tool and how much of them a designer will actually be able to change.
webflow-code-component:component-scaffold
Creates the starting files for a brand-new Webflow component, including which parts of it a designer will be allowed to edit, so you begin from something that already works.
webflow-code-component:convert-component
Takes a React component you already have and adapts it for Webflow, working out which of its settings a designer can control and flagging the parts that will not work as written.
webflow-code-component:deploy-guide
Walks through publishing a finished set of custom components to your Webflow workspace, from signing in to confirming they really turned up in the design tool.
webflow-code-component:local-dev-setup
Sets up an empty project from scratch for building your own Webflow components: the folders, the dependencies, the configuration, and one example component that already compiles.
webflow-code-component:pre-deploy-check
A last look before you publish custom Webflow components: it tries the build, hunts for the mistakes that usually break a release, and says whether to go ahead.
webflow-code-component:troubleshoot-deploy
Takes the error from a failed component deployment, matches it to the known causes — an expired token, a bundle over the size limit, a broken build — and gives the specific fix.
webflow-mcp:accessibility-audit
Checks a Webflow page for the things that shut out visitors using a screen reader or a keyboard, scores what it finds, and can apply the fixes for you.
webflow-mcp:asset-audit
Goes through every image on a Webflow site, writes a proper description for the ones missing one, and renames files like IMG_1234 into something search engines can read.
webflow-mcp:bulk-cms-update
Adds or edits many entries in a Webflow site's content collections in one go — blog posts, products, listings — showing you exactly what will change before it changes.
webflow-mcp:cms-best-practices
Advice on organising the content behind a Webflow site: what lists to create, what fields belong in them, how they link together, and what to do when pages get slow.
webflow-mcp:cms-collection-setup
Sets up a new content list on a Webflow site: the fields it holds, what type each one is, and how it connects to the lists already there.
webflow-mcp:compress-cms-image
Takes the photos on a single content entry, re-saves them in a lighter modern format and puts them back on the live page, showing how much weight each one lost.
webflow-mcp:custom-code-management
Webflow sites carry little bits of borrowed code — an analytics tag, a chat bubble, a tracking pixel — and this is the inventory of them: what is on the site now, what to put on, and what to clear away.
webflow-mcp:designer-tools
Builds and rearranges the actual page in Webflow — adding a section, restyling an element, updating a shared component — and shows the page before and after each change.
webflow-mcp:flowkit-naming
Keeps the style names in a Webflow project consistent with Flowkit, Webflow's own naming convention, checking what is already there and renaming whatever does not fit.
webflow-mcp:link-checker
Hunts down the links on a Webflow site that lead nowhere or still use an insecure address — in ordinary pages and in content entries alike — and fixes them.
webflow-mcp:review-comments
Goes through the comments people have left on a Webflow site and works out which ones still need somebody to act, which have gone stale, and which are just noise.
webflow-mcp:safe-publish
Shows exactly what would go live if you published a Webflow site right now — which pages changed, what is still a draft — and publishes only once you say yes.
webflow-mcp:site-activity
Webflow keeps a record of every edit made to a site; this reads it back as a plain account of who did what and when, ready to pass on to the rest of the team.
webflow-mcp:site-audit
A stock-take of an entire Webflow site, turned into a health score and a short list of the things most worth fixing.
HOW TO GET IT
npx skills add webflow/webflow-skillsnpx skills add webflow/webflow-skills --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.
/plugin marketplace add webflow/webflow-skills/plugin install webflow-skills@webflow-skillsTyped inside the agent's own prompt, not in a terminal. The marketplace is called webflow-skills, which is the part after the @.