用途
该技能帮助用户使用 Webflow Designer API，提供两条明确的工作流，用户可自行选择，或在上下文明显时由技能推断。
主要能力
工作流一：Designer Extensions
构建带有 UI、以 iframe 形式运行在 Webflow Designer 内的完整扩展。适合可复用工具、复杂工作流，以及希望交付给团队或发布到 Marketplace 的应用。相关说明见 references/designer-extension-workflow.md。
工作流二：Designer API Playground
直接在 Designer 内的 Playground 应用中编写并运行独立代码片段。适合快速原型、测试 API 方法、学习 API 以及一次性自动化。相关说明见 references/playground-workflow.md。
使用方式
两种工作流共用同一套 webflow.* Designer API。确定工作流后，可参考以下文档编写实际代码：
- references/designer-apis-reference.md：所有 webflow.* 方法汇总表（建议从此开始）
- references/elements-api.md：元素选择、插入、预设及元素构建器
- references/styles-api.md：创建样式、设置 CSS 属性、断点及伪状态
- references/components-api.md：组件定义、实例及编辑上下文
- references/pages-api.md：页面与文件夹管理
- references/variables-api.md：设计令牌变量与集合
- references/assets-api.md：资产上传与管理
- references/extension-utilities.md：站点信息、事件、通知、应用发现、认证
- references/error-handling.md：错误结构、原因标签及恢复模式
- references/code-examples.md：组合多个 API 的跨 API 工作流示例
设计与 Marketplace 相关参考：
- references/design-guidelines.md：符合 Webflow 原生外观的 UI 设计
- references/register-app.md：注册 Webflow App 并配置能力
- references/marketplace-guidelines.md：Marketplace 审核标准
- references/app-submission-and-listing.md：提交应用并创建上架信息
- references/faq.md：常见问题与故障排查
每个参考文件都包含 YAML frontmatter，带有 name、description 和 tags 以便搜索。可使用 scripts/search_references.py 按标签或关键词快速查找相关参考。
搜索参考文件示例：
列出所有参考文件及其元数据
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 Extension 安装 Designer API Playground 的可复制提示词
适用场景
适合需要开发 Webflow Designer 扩展、在 Playground 中试验 Designer API、学习 webflow.* 方法、进行一次性自动化，或准备将应用注册并发布到 Webflow Marketplace 的开发者。
限制
资料未提供该技能的具体收费、价格、平台支持范围或效果保证等信息。