6.6 KiB
Webflow智能体技能集
GitHub: 224-industries/webflow-skills | Gitea: mc-skills/224-industries--webflow-skills
中文摘要
为AI智能体提供Webflow专项能力的技能集合，涵盖浏览器API、代码组件、设计器API、企业API和Webhook等功能模块，帮助AI智能体更准确高效地完成Webflow开发与管理任务。
标签
Webflow AI智能体 技能扩展 低代码 API集成
README 原文
224 Industries - Webflow Agent Skills
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.
What are Agent Skills?
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.
Available Skills
| 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 |
Webflow Skills Kit
Looking for more? The Webflow Skills Kit is a bundle of premium Agent Skills for Webflow professionals, including strategy report generation, discovery workflows, client roleplay, and more. Built for and by Webflow professionals, the Skills Kit is designed to help you get the most out of AI agents in your Webflow projects, while saving you money and time.
Installation
Skills
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
Manual Download
Download .skill files directly from the Available Skills table above and upload them to any agent that supports the Agent Skills standard:
- Claude Web / Desktop / Cowork — Go to Customize > Skills, click +, then Upload a skill
Claude Code / Factory Droid Plugin
# Add the plugin (includes all skills)
/plugin add 224-industries/webflow-skills
Gumloop Agents
Upload skills directly to Gumloop agents:
- Download the
.skillfile from the Available Skills table above - In Gumloop, open your agent's configuration and scroll to the Skills section
- Click + Skill and upload the
.skillfile
Other CLI Methods
Agent 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
Adding New 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.
Scripts
| 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 |
Resources
Contributing
Contributions are welcome! Please read our Contributing Guide for more information.
License
Creator
Ben Sabic (Fractional CTO) at 224 Industries