Integrate and automate Webflow tasks including Analyze/Optimize tracking, React component code generation via DevLink, Designer API extensions, Enterprise workspace management, and webhook processing.
Control Webflow Analyze and Optimize from JavaScript via the Browser API. Use when managing tracking consent, integrating CMPs (OneTrust, TrustArc), tracking experiment variations, setting custom visitor attributes, or personalizing user experiences.
Build, define, and import React code components into Webflow via DevLink. Use when creating Webflow code components, configuring declareComponent definitions, working with prop types, styling within Shadow DOM, bundling with Webpack, or troubleshooting DevLink imports.
Work with the Webflow Designer API — either by building Designer Extensions (iframes inside the Webflow Designer) or by generating code snippets for the Designer API Playground. Covers element manipulation, styles, components, pages, variables, assets, error handling, CLI usage, and UI design patterns. Use when creating, debugging, or modifying Designer Extensions, OR when the user wants to run Designer API code in the Playground app.
Webflow Enterprise API endpoints for workspace management, audit logs, site activity, 301 redirects, robots.txt, and well-known files. Use when working with Enterprise-only Webflow API endpoints that require an Enterprise workspace.
Receive and verify Webflow webhooks. Use when setting up Webflow webhook handlers, debugging signature verification, or handling Webflow events like form_submission, site_publish, ecomm_new_order, or collection item changes.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
This repository contains a collection of Webflow Agent Skills by 224 Industries. These skills are designed to enhance the capabilities of agents by providing them with specialized functionalities.
Agent Skills are folders of instructions, scripts, and resources that agents can discover and use to do things more accurately and efficiently. They work across any AI agent that supports the open Agent Skills standard.
| Skill | Description | Download |
|---|---|---|
| webflow-browser-api | Control Webflow Analyze and Optimize from JavaScript via the Browser API. Use... | Download |
| webflow-code-components | Build, define, and import React code components into Webflow via DevLink. Use... | Download |
| webflow-designer-api | Work with the Webflow Designer API — either by building Designer Extensions (... | Download |
| webflow-enterprise-api | Webflow Enterprise API endpoints for workspace management, audit logs, site a... | Download |
| webflow-webhooks | Receive and verify Webflow webhooks. Use when setting up Webflow webhook hand... | Download |
Use skills to install skills directly:
███████╗██╗ ██╗██╗██╗ ██╗ ███████╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔════╝
███████╗█████╔╝ ██║██║ ██║ ███████╗
╚════██║██╔═██╗ ██║██║ ██║ ╚════██║
███████║██║ ██╗██║███████╗███████╗███████║
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝╚══════╝
# Install all skills
npx skills add 224-industries/webflow-skills
# Install specific skills
npx skills add 224-industries/webflow-skills --skill webflow-designer-api
# List available skills
npx skills add 224-industries/webflow-skills --list
Download .skill files directly from the Available Skills table above and upload them to any agent that supports the Agent Skills standard:
# Add the plugin (includes all skills)
/plugin add 224-industries/webflow-skills
Upload skills directly to Gumloop agents:
.skill file from the Available Skills table above.skill fileAgent skills can also be installed via Playbooks or Context7:
# Playbooks
npx playbooks add skill 224-industries/webflow-skills
# Context7
npx ctx7 skills install /224-industries/webflow-skills
Use the included script to add new skills:
node scripts/add-skill.js <skill-name> "<description>"
Example:
node scripts/add-skill.js webflow-designer-api "Build Webflow Designer Extensions..."
This will create the skill structure and automatically update manifest.json, platform plugin files, skills/index.json, and this README.
| Script | Description |
|---|---|
node scripts/add-skill.js | Add a new skill to the repository |
node scripts/sync-skills.js | Sync manifest.json, platform plugin files, skills/index.json, and README with skills directory |
npx claudepluginhub 224-industries/webflow-skills --plugin webflow-agent-skillsStandalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth