Quick Start
This guide will help you get started with Webflow Agent Skills by walking through a common use case: setting up webhook verification.Prerequisites
Install the skills
First, install Webflow Agent Skills using the Skills CLI:Or install just the webhooks skill:
Example: Webflow Webhook Verification
Let’s use thewebflow-webhooks skill to create a secure webhook handler that verifies incoming Webflow events.
Ask your agent to create a webhook handler
With the skill installed, you can now ask your AI agent:The agent will use the webflow-webhooks skill to generate code that follows Webflow’s security best practices.
Working with Other Skills
Each skill provides specialized capabilities for different Webflow features:Webflow Designer API
Build Designer Extensions or generate code for the Playground:Webflow Code Components
Create React components for Webflow:Webflow Browser API
Manage tracking and consent:Webflow Enterprise API
Work with Enterprise endpoints:Skill Discovery
Your AI agent automatically knows when to use each skill based on your request. The skills include:- Detailed API references - Complete documentation for all Webflow APIs
- Code examples - Production-ready patterns and snippets
- Best practices - Security, performance, and design guidelines
- Helper scripts - Utilities to search and navigate references
Skills work across any AI agent that supports the Agent Skills standard, including Claude, Cursor, Playbooks, Context7, and Gumloop.
Next Steps
Webflow Browser API
Control Webflow Analyze and Optimize from JavaScript
Webflow Code Components
Build React code components for Webflow
Webflow Designer API
Build Designer Extensions and API integrations
Webflow Enterprise API
Access Enterprise-only API endpoints
Webflow Webhooks
Handle Webflow events securely
Resources
- Agent Skills Specification
- GitHub Repository
- Webflow Skills Kit (Premium bundle)