Production-ready agent skills for Webflow - CMS management, site auditing, asset optimization, and safe publishing
npx claudepluginhub webflow/webflow-skillsProduction-ready skills for managing Webflow CMS content, auditing site health, optimizing assets, and safely publishing changes
Skills for building and deploying Webflow Code Components - scaffolding, styling, validation, and deployment workflows
Production-ready skills for Webflow CLI workflows including Code Components, DevLink, Webflow Cloud, and Designer Extensions
Claude Code marketplace entries for the plugin-safe Antigravity Awesome Skills library and its compatible editorial bundles.
Production-ready workflow orchestration with 79 focused plugins, 184 specialized agents, and 150 skills - optimized for granular installation and minimal token usage
Directory of popular Claude Code extensions including development tools, productivity plugins, and MCP integrations
A collection of Agent Skills for working with Webflow sites through the Webflow MCP server. Manage CMS content, audit site health, optimize assets, and safely publish changes.
These skills work with any agent that supports the Agent Skills standard, including Claude Code, Cursor, and others.
Install using the plugin marketplace:
# Add the marketplace
claude plugin marketplace add webflow/webflow-skills
# Install the plugin
claude plugin install webflow-skills@webflow-skills
Install from the Cursor Marketplace or add manually via Settings > Rules > Add Rule > Remote Rule (Github) with webflow/webflow-skills.
Install using the npx skills CLI:
npx skills add https://github.com/webflow/webflow-skills
Clone this repo and copy the skill folders into the appropriate directory for your agent:
| Agent | Skill Directory | Docs |
|---|---|---|
| Claude Code | ~/.claude/skills/ | docs |
| Cursor | ~/.cursor/skills/ | docs |
| OpenCode | ~/.config/opencode/skills/ | docs |
| OpenAI Codex | ~/.codex/skills/ | docs |
| Pi | ~/.pi/agent/skills/ | docs |
Webflow MCP Server Required
These skills require the Webflow MCP server to be installed and configured. Without it, skills cannot access your Webflow sites.
For detailed setup instructions, visit the Webflow MCP Documentation.
| Skill | Description |
|---|---|
| bulk-cms-update | Batch create/update CMS items with validation and preview |
| cms-collection-setup | Create collections with custom fields and relationships (16 field types) |
| cms-best-practices | Expert guidance on CMS architecture and optimization |
| site-audit | Comprehensive health check with scoring (0-100) and recommendations |
| asset-audit | Identify optimization opportunities for images and files |
| link-checker | Scan and fix broken/insecure links across pages and CMS content |
| accessibility-audit | WCAG 2.1 compliance check with detailed reports and fixes |
| safe-publish | Preview, confirm, publish workflow with verification |
| custom-code-management | Manage tracking scripts and custom code safely |
| flowkit-naming | Apply Webflow's official FlowKit CSS naming conventions |
| Skill | Description |
|---|---|
| webflow-cli:cloud | Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting |
| webflow-cli:devlink | Export Webflow Designer components to React/Next.js code for external projects |
| webflow-cli:designer-extension | Build Designer Extensions for custom Webflow Designer functionality |
| webflow-cli:code-component | Create and deploy reusable React components for Webflow Designer |
| webflow-cli:troubleshooter | Diagnose and fix Webflow CLI issues including installation, auth, build, and bundle problems |
| Skill | Description |
|---|---|
| webflow-code-component:component-scaffold | Generate new Code Component boilerplate with React component and definition file |
| webflow-code-component:convert-component | Convert an existing React component into a Webflow Code Component |
| webflow-code-component:component-audit | Audit Code Components for architecture decisions and Shadow DOM compatibility |
| webflow-code-component:deploy-guide | Step-by-step guide for deploying Code Components to a workspace |
| webflow-code-component:local-dev-setup | Initialize a new Code Components project from scratch |
| webflow-code-component:pre-deploy-check | Pre-deployment validation for bundle size, dependencies, SSR compatibility |
| webflow-code-component:troubleshoot-deploy | Debug deployment failures with root cause analysis and fixes |