Webflow Designer Api
This one gives Claude everything it needs to work with Webflow's Designer API, whether you're building a full extension with UI or just testing code snippets in the Playground app. It walks through both workflows clearly, then breaks down the actual API surface: elements, styles, components, pages, variables, assets, error handling. The references include YAML frontmatter and a Python search script, which is a nice touch when you're digging through API docs mid-task. Also covers design guidelines and marketplace submission if you're shipping to production. Solid choice if you're building Webflow tooling or automations and need Claude to generate correct API calls without hallucinating methods.
- skills.sh installs
- 184
- GitHub stars
- 10
- last updated
- Aug 21, 2026
Install
$ npx -y skills add 224-industries/webflow-skills --skill webflow-designer-api --agent claude-codeInstalls into .claude/skills of the current project.
Files
Webflow Designer API
This skill helps users work with the Webflow Designer API through two workflows. Start by asking the user which workflow they'd like to use, or infer from context if it's obvious.
Workflows
1. Designer Extensions
Build full extensions with a UI that run inside the Webflow Designer as iframes. Best for reusable tools, complex workflows, and apps you want to ship to a team or the Marketplace. → See references/designer-extension-workflow.md
2. Designer API Playground
Write and run standalone code snippets directly in the Playground app inside the Designer. Best for quick prototyping, testing API methods, learning the API, and one-off automations. → See references/playground-workflow.md
Reference Documentation
Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script available in scripts/search_references.py to quickly find relevant references by tag or keyword.
Designer API References
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/224-industries/webflow-skills
- Categories
- Frontend Development, Backend & APIs, Debugging, Design & UI/UX, CLI & Terminal
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
angular-guardsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Guards, CanActivate, CanDeactivate, CanLoad, or route protection in Angular applications.184skills.sh installsangular-interceptorsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular HTTP Interceptors, request/response transformation, auth interceptors, or error handling in HTTP calls.184skills.sh installsangular-schematicsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Schematics, custom generators, code generation, or building CLI tools in Angular.184skills.sh installs
html-ppt-tech-sharingnexu-io/open-designConference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharin183skills.sh installshtml-ppt-presenter-modenexu-io/open-design演讲者模式专用 deck — tokyo-night 默认主题，5 套主题 T 键切换，每页带 150-300 字逐字稿示例（<aside class="notes">），按 S 打开 popup（CURRENT / NEXT / SCRIPT / TIMER 四张磁吸卡片）。用于技术分享、公开演讲、课程讲解，怕忘词或182skills.sh installs