宜搭页面发布技能
适用人群
适合:要批量打开网页、搜索信息、点击页面并保存结果的人、要反复登录后台、填写表单、截图取证或下载页面内容的人、要把固定网页操作交给 AI 自动执行的运营、测试和采集人员。
技能介绍
宜搭自定义页面发布技能,将 JSX 源码经 Babel 编译、UglifyJS 压缩后构建 Schema,并通过 saveFormSchema 接口部署到宜搭平台。
本技能提供宜搭自定义页面的完整发布流程:源码编译 → Schema 构建 → 读取登录态(按需触发登录)→ 接口发布。
业务背景和落地案例
当团队需要宜搭自定义页面发布技能时,可以先用宜搭页面发布技能完成第一轮处理。常见做法是把相关文件、网址、素材或配置交给它,先产出初版结果,再由人工确认和继续推进。
能做什么
- 编译源码:通过 @ali/vu-babel-transform 将 JSX 转换为 ES5,再通过 UglifyJS 压缩。
- 构建 Schema:通过代码动态构建完整的 Schema JSON,将编译后的 source 和 compiled 填入 actions.module。
- 读取登录态:读取项目根目录的 .cache/cookies.json;若不存在则自动调用 login.py 触发扫码登录。
- 发布 Schema:通过 HTTP POST 调用 saveFormSchema 接口保存 Schema;根据响应体 errorCode 自动处理异常:。
- 更新表单配置:调用 updateFormConfig 接口,设置 MINIRESOURCE 配置为 8;同样根据响应体 errorCode 自动处理异常(同上)。
- Node.js 16+。
- Python 3.12+(用于调用 yida-login)。
- playwright(Python 版,yida-login 依赖)。
安装方法
方式 1:对 OpenClaw 说(不用写代码)
适合:OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。
直接对 OpenClaw 说:
帮我安装一个叫 宜搭页面发布技能 的 Skill。
如果安装时需要精确名字,就用 yida-skills-yida-publish-page。
装好以后,先用它帮我处理一遍当前任务。
如果需要手动安装,可以用这条命令:
clawhub install yida-skills-yida-publish-page
方式 2:导入 MD 安装
适合:腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。
- 找到这条 Skill 自带的 Markdown 文件,通常就是它的
SKILL.md 或同名 .md 文件。 - 把这个 Markdown 文件导入到你的产品里。
- 导入完成后,直接对 AI 说:
用刚刚导入的宜搭页面发布技能,先帮我处理当前任务。
备注:这一种本质上是导入一个 Markdown 文件,给知道安装包里有 .md 文件的人即可。
方式 3:代码安装
适合:Claude Code、Cursor、通义灵码、文心快码。
最短可用命令:
npm install # 首次需要安装依赖
如果要继续执行,可以再用:
node publish.js <appType> <formUuid> <源文件路径>
node publish.js APP_XXX FORM-XXXXXX pages/src/xxx.js
使用步骤
- 先选上面 3 种方式里,自己最容易完成的一种。
- 安装完成后,直接对 OpenClaw 说:“用宜搭页面发布技能帮我处理当前任务。” 先让它自己跑一遍就可以。
- 如果你已经有明确文件、网址、目录或数据,再把它补给 OpenClaw,让它只处理这一部分。
- 先看第一轮结果,再决定要不要追加条件、缩小范围或继续执行下一步。
- 如果这条 Skill 确实好用,就把它保留在常用列表,后面重复任务直接复用。
你需要准备什么
- 与你当前任务相关的文件、网址、目录或数据。
- 要访问的网址或页面列表。
- 需要执行的网页操作目标。
- 如果涉及登录,还要准备可用账号或权限。
- 如果这条 Skill 依赖外部服务,还要准备对应账号权限或可用凭证。
你会看到什么结果
- 页面截图、抓取结果或结构化数据。
- 自动化执行后的页面结果。
- 可继续复用的网页操作流程。
风险提示
- 涉及 API Key、Token 或其他凭证时,先确认保存方式和权限边界。
- 如果会修改外部系统、本地文件或线上环境,建议先在测试环境跑最小流程。
- 依赖外部服务时,网络波动、配额限制或接口变化都会影响结果。
- 自动化页面流程容易受页面结构变化影响,正式使用前先跑一遍最小示例。
来源信息
- 公开页面地址: https://agentskillsrepo.com/skill/openyida/yida-skills-yida-publish-page
- SKILL.md 下载地址: https://agentskillsrepo.com/skill/openyida/yida-skills-yida-publish-page/download