Skip to main content

Installation

Webflow Agent Skills can be installed through several methods depending on your preferred AI agent platform or workflow. The fastest way to install skills is using the skills CLI:
1

Install all skills

Install the complete collection of Webflow Agent Skills:
npx skills add 224-industries/webflow-skills
2

Install specific skills (optional)

If you only need specific skills, install them individually:
npx skills add 224-industries/webflow-skills --skill webflow-designer-api
3

List available skills (optional)

View all available skills before installing:
npx skills add 224-industries/webflow-skills --list

Installation Methods

# 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

Manual Download

You can also download .skill files directly and upload them to any agent that supports the Agent Skills standard.
1

Download skill files

Download the .skill file for your desired skill:
SkillDescriptionDownload
webflow-browser-apiControl Webflow Analyze and Optimize from JavaScriptDownload
webflow-code-componentsBuild React code components for Webflow via DevLinkDownload
webflow-designer-apiBuild Designer Extensions or use the Designer API PlaygroundDownload
webflow-enterprise-apiAccess Enterprise-only Webflow API endpointsDownload
webflow-webhooksReceive and verify Webflow webhooksDownload
2

Upload to your agent

Claude Web / Desktop / Cowork:
  1. Go to Customize > Skills
  2. Click +
  3. Click Upload a skill
  4. Select the downloaded .skill file

Gumloop Agents

For Gumloop users:
1

Download the skill file

Download the .skill file from the table above
2

Open agent configuration

In Gumloop, open your agent’s configuration and scroll to the Skills section
3

Upload the skill

Click + Skill and upload the downloaded .skill file

Verify Installation

After installation, verify that the skills are available to your agent by asking it to list installed skills or checking your agent’s skills configuration.
Start with a single skill like webflow-designer-api to test your installation before adding the complete collection.

Next Steps

Quick Start

Get started with your first skill

Browse Skills

Explore individual skill documentation

Build docs developers (and LLMs) love