Webflow is the way to design, build, and launch powerful websites visually — without coding.
Webflow's skills help an AI agent build and manage Webflow sites, from creating pages, elements, components and styles in the Designer to deploying Webflow Cloud apps and code components from the command line. Its skills also cover migrating content into a Webflow CMS, applying the Flowkit CSS naming system, creating GSAP-based interactions and animations, and troubleshooting deployment failures. Its catalogue stands out for pairing hands-on Designer and CMS work with guided onboarding for newcomers to the Webflow MCP.
Webflow Skills
32 skills · 135 stars · MIT
Webflow Cli:Cloud Create, build, and deploy Webflow Cloud apps from the CLI (site-attached or project apps), and ma…
Webflow Cli:Code Component Create and deploy reusable React components for Webflow Designer.
Webflow Cli:Designer Extension Build Designer Extensions for custom Webflow Designer functionality.
Webflow Cli:Devlink Export Webflow Designer components to React/Next.js code for external projects.
Webflow Cli:Troubleshooter Diagnose and fix Webflow CLI issues including installation problems, authentication failures, bui…
Webflow Code Component:Component Audit Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot…
Webflow Code Component:Component Scaffold Generate new Webflow Code Component boilerplate with React component, definition file, and option…
Webflow Code Component:Convert Component Convert an existing React component into a Webflow Code Component.
Webflow Code Component:Deploy Guide Step-by-step guide for deploying Webflow Code Components to a workspace.
Webflow Code Component:Local Dev Setup Initialize a new Webflow Code Components project from scratch.
Webflow Code Component:Pre Deploy Check Pre-deployment validation for Webflow Code Components.
Webflow Code Component:Troubleshoot Deploy Debug deployment failures for Webflow Code Components.
Webflow Mcp:Accessibility Audit Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links,…
Webflow Mcp:Asset Audit Analyze assets on a Webflow site for SEO optimization.
Webflow Mcp:Bulk Cms Update Create or update multiple CMS items in a Webflow collection with validation and diff preview.
Webflow Mcp:Cloud Apps Create GitHub-source Webflow Cloud apps and monitor, troubleshoot, or manage existing apps throug…
Webflow Mcp:Cms Best Practices Expert guidance on Webflow CMS architecture and best practices.
Webflow Mcp:Cms Collection Setup Create a new CMS collection in Webflow with specified fields and relationships.
Webflow Mcp:Compress Cms Image Compress and convert CMS item image fields to webp or avif in a Webflow collection.
Webflow Mcp:Custom Code Management Add, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars).
Webflow Mcp:Designer Tools Build and manage pages, elements, components, and styles in Webflow Designer.
Webflow Mcp:Figma To Webflow Build a Webflow page, section, component, or full site from a Figma design using the Figma MCP an…
Webflow Mcp:Flowkit Naming Apply Flowkit CSS naming system in Webflow.
Webflow Mcp:Interactions Create, update, list, and delete Webflow IX3 interactions (GSAP animations) through Webflow MCP.
Webflow Mcp:Link Checker Find and fix broken or insecure links across an entire site, including CMS content, to improve SE…
Webflow Mcp:Review Comments Review open comment threads on a Webflow site and triage each one.
Webflow Mcp:Safe Publish Publish a Webflow site with a plan-confirm-publish workflow.
Webflow Mcp:Site Activity Query and summarize site activity logs for a Webflow enterprise site.
Webflow Mcp:Site Audit Comprehensive audit of a Webflow site including pages, CMS collections, health scoring, and actio…
Webflow University:Mcp Getting Started A Webflow University guided onboarding skill for anyone getting started with the Webflow MCP.
Webflow University:Migrate Cms A Webflow University guided activity that walks you through migrating existing content into a Web…
Webflow University:New Cms Plan A Webflow University guided activity that walks you through planning a new Webflow CMS collection…