SuperAPI AI 工具集

stitch-extract-static-html

前端与建站

查看项目

更新于 10-16 08:43

技能介绍

用途:本技能从本地前端页面提取静态 HTML 快照,并把可获取的资源内联,适合保存指定 UI 状态、做离线检查,或为 Stitch 准备待上传文件。结果不包含交互逻辑,也不会自动上传。

主要能力:可保存门店预约页的空列表状态、导出带 ECharts 的运营看板静态快照;在应用无法运行时,用显式演示数据构造静态 fallback,并标出缺少的输入和验证状态。支持定制 URL、viewport、html-class、wait、inline-canvas 与输出路径,并做 CSSOM 保留、canvas 静态转换、同源资产与越界检查。

使用方式:先检查已安装依赖与目标 URL,按可运行页面选择 Puppeteer;固定路由、视口与主题,认证脚本仅用获准测试身份并从环境读取凭据。运行 scripts/snapshot.ts,按需使用 --inline-canvas、--html-class、--viewport;依赖缺失时先输出准确命令,不静默安装。仅静态 fallback 使用 extract_inline_html.ts 和 post_process.ts,并标注为模拟状态。

适用场景:设计师、前端开发者及维护该流程的团队,用于需要本地产物、可审阅快照的交接场景。

限制:不自动上传到 Stitch(应交给 stitch-upload),不保留后端与交互功能,不绕过登录或访问他人会话。需提供获准访问的本地 URL、视口、目标状态与输出路径;本地资产不越过 --base-dir 或跟随越界符号链接。未验证的效果、业务数字不得编造。更多输入输出与验证细节暂未提供。