webflow-designer-api by 224-industries/webflow-skills
npx skills add https://github.com/224-industries/webflow-skills --skill webflow-designer-api此技能通过两种工作流帮助用户使用 Webflow Designer API。首先询问用户希望使用哪种工作流,或者如果上下文明显,则根据上下文推断。
构建具有用户界面的完整扩展,这些扩展在 Webflow 设计器中作为 iframe 运行。最适合可重用工具、复杂工作流以及您希望分发给团队或发布到 Marketplace 的应用。→ 参见 references/designer-extension-workflow.md
直接在设计器内的 Playground 应用中编写和运行独立的代码片段。最适合快速原型设计、测试 API 方法、学习 API 以及一次性自动化任务。→ 参见 references/playground-workflow.md
每个参考文件都包含 YAML 前置元数据,其中包含 name、description 和 tags 以便于搜索。使用 scripts/search_references.py 中提供的搜索脚本,通过标签或关键字快速查找相关参考。
两种工作流都使用相同的 webflow.* 设计器 API。一旦确定了工作流,就可以使用这些参考来编写实际代码:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
webflow.* 方法汇总在一个表格中(从此处开始)# 列出所有带元数据的参考
python scripts/search_references.py --list
# 按标签搜索(精确匹配)
python scripts/search_references.py --tag <tag>
# 按关键字搜索(跨名称、描述、标签和内容)
python scripts/search_references.py --search <query>
scripts/search_references.py : 按标签、关键字搜索参考文件,或列出所有带元数据的文件assets/webflow-variables.css — Webflow 设计系统的 CSS 变量assets/install-playground-prompt.md — 用于通过 Claude Cowork 或 Claude Chrome 扩展安装 Designer API Playground 的可复制提示每周安装次数
100
代码仓库
GitHub 星标数
6
首次出现
2026年2月23日
安全审计
安装于
claude-code92
codex30
cursor30
gemini-cli29
amp29
github-copilot29
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.
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
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
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.
Both workflows use the same webflow.* Designer API. Once you know the workflow, use these references to write the actual code:
webflow.* methods in one table (start here)# List all references with metadata
python scripts/search_references.py --list
# Search by tag (exact match)
python scripts/search_references.py --tag <tag>
# Search by keyword (across name, description, tags, and content)
python scripts/search_references.py --search <query>
scripts/search_references.py : Search reference files by tag, keyword, or list all with metadataassets/webflow-variables.css — CSS variables for Webflow's design systemassets/install-playground-prompt.md — Copyable prompt for installing the Designer API Playground via Claude Cowork or the Claude Chrome ExtensionWeekly Installs
100
Repository
GitHub Stars
6
First Seen
Feb 23, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
claude-code92
codex30
cursor30
gemini-cli29
amp29
github-copilot29
Lark CLI IM 即时消息管理工具:机器人/用户身份操作聊天、消息、文件下载
38,400 周安装
Android现代架构与模块化指南:整洁架构、分层设计与Hilt依赖注入
255 周安装
McKinsey Consultant V3.1:AI驱动的麦肯锡风格商业问题解决框架与技能
260 周安装
drawio 图表生成器:Markdown 中创建专业图表与架构图的完整指南与规则
262 周安装
代码库审计员 - 协调9个工作器进行全面的代码质量分析与最佳实践检查
254 周安装
LangChain DeepAgents 查询编写技能:SQL 数据库查询优化与自动化指南
268 周安装
逆向工程脚本环境指南:IDAPython、Ghidra、pwntools等工具与分析方法
260 周安装