SWF转HTML离线动画转换器

SKILL开发
开发 未标注权限 许可证不明确
安装这个技能

将旧版 Flash SWF 动画文件转换为完全离线的单文件 HTML 交互动画(基于 Ruffle WASM 模拟器,gzip 内嵌,双击即开,无需网络)。当用户提到 SWF 文件、Flash 动画打不开、Flash 课件/动画需要转换或复活、把 swf 转成 html/exe/可交互格式、Flash 停用后旧动画无法播放等场景时使用此技能。

一句话选型结论

按资料字段整理

SWF转HTML离线动画转换器是开发类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类开发 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_beb383a5/swf-to-html
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

开发
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_beb383a5仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791726175
正文体量4.7 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
写代码与改 bug

按需求补代码、定位并修掉报错。

读仓库与生成改动

让模型读懂项目结构,再给出可落地的改动。

跑测试与排查故障

按现象排查问题,补测试用例并复跑。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在开发场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
SWF转HTML离线动画转换器当前 未标注权限 未标注 未标注 未标注 有
技能审查员 浏览器控制 ClawHub 市场 877.9 万 OpenClaw 有
Vercel React 最佳实践 浏览器控制 GitHub 仓库 849.1 万 Codex、Claude、Cursor 有
GitHub 代码协作 联网访问 ClawHub 市场 763.3 万 OpenClaw 有
网页设计指南 联网访问 GitHub 仓库 668.6 万 Codex、Claude、Cursor 有
本体论 只读 ClawHub 市场 663.7 万 OpenClaw 有

SKILL.md 全文

4.7 KB
模型实际读到的说明书原文,来自技能仓库

SWF → 离线 HTML 交互动画

概述

把旧版 Flash SWF(Flash 6 时代 AVM1 脚本,也支持更高版本)转换为一个完全离线的单文件 HTML:内嵌 Ruffle 模拟器(WASM)与 SWF 本体,用户双击即可在 Edge/Chrome(80+,2020 年后版本)中播放并点击交互,不依赖网络、服务器或任何插件。典型产物约 6.5MB,适合分发课件、演示动画。

技术原理(遇到问题再读)

Ruffle 官方 selfhosted 包在 file:// 协议下无法工作(fetch 加载 wasm 被 CORS 拦截、script src 相对路径失效)。本技能的转换脚本通过三层手段绕过:

  1. 全部资源(ruffle.js + core.ruffle..js + .wasm + SWF)gzip 压缩后 base64 内嵌;
  2. 页面用浏览器原生 DecompressionStream 解压(因此要求 Chrome/Edge 80+);
  3. 两个运行时钩子:hook HTMLScriptElement.src 把 core.js 重定向到 Blob URL;hook window.fetch 拦截 wasm 请求并喂内嵌字节;SWF 用 data: URL 加载。

只内嵌现代浏览器 SIMD 内核(一套 core+wasm),不嵌旧浏览器备用内核,体积从 38MB 级降到 6.5MB 级。

工作流程

第 0 步:确认运行时(仅首次需要)

运行时目录位于本技能目录下 runtime/。若该目录不存在或缺少文件(应有 ruffle.js、两个 core.ruffle.*.js、两个 *.wasm),先运行:

python <skill_dir>/scripts/fetch_runtime.py

下载约 28MB(走 jsdelivr / npmmirror 镜像,带断点续传),之后无限复用。不要尝试从 github.com/ruffle-rs/ruffle 的 release 页下载——沙箱/代理环境下基本会被拦断。

第 1 步:转换

python <skill_dir>/scripts/swf2html.py "输入.swf" ["输出.html"] [--title "标题"]
  • 输出默认与 SWF 同目录同名(.html)。
  • 脚本自动解析 SWF 头设置舞台宽高比、自动识别 SIMD 内核配对;仅用 Python 标准库。
  • 批量转换(推荐,一轮对话处理全部文件更省额度):
cd "<swf所在目录>"
for f in *.swf; do python <skill_dir>/scripts/swf2html.py "$f" "${f%.swf}.html"; done

第 2 步:验证(抽检即可)

批量转换时抽 2~3 个样本,用 headless Edge 以 file:// 打开并检查控制台(Windows):

"<Edge路径>/msedge.exe" --headless=new --disable-gpu --hide-scrollbars \
  --screenshot=out.png --window-size=1280,960 --virtual-time-budget=90000 \
  --run-all-compositor-stages-before-draw --enable-logging=stderr --v=0 \
  "file:///D:/path/to/动画.html" 2>console.log

Edge 路径通常为 C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe。中文文件名与空格需 URL 编码(空格→%20)。从 console.log 中 grep 以下 5 条日志,全部出现即验证通过:

  1. [player] embedded assets decompressed
  2. [player] serving embedded wasm: <hash>.wasm
  3. Ruffle WASM module has been initialized
  4. New Ruffle instance created (Version: ... | WebAssembly extensions: ON)
  5. Loading SWF file data:application/x-shockwave-f...

同时确认无 ERROR:CONSOLE 级别的 [player] 错误。

第 3 步:交付

用 present_files 把生成的 HTML 交给用户,说明:双击即可在 Edge/Chrome 打开,完全离线可交互。若用户询问体积问题:做成 exe 不会更小(同一套 WASM 内核),已是最优方案。

常见问题与坑(详见 references/troubleshooting.md)

  • headless 截图白屏 ≠ 失败:wgpu-webgl 在无头模式不刷帧是已知怪癖,以控制台日志为准。
  • ZWS/LZMA 压缩的 SWF(Flash 13+)不支持:解析器仅支持 FWS/CWS,遇到时告知用户需先解压。
  • 产物体积异常(远大于或小于 6.5MB):检查 runtime 目录文件是否完整。
  • 复杂排障、下载镜像细节、SWF 头解析细节见 references/troubleshooting.md。

资源

scripts/

  • swf2html.py — 核心转换脚本(SWF → 离线单文件 HTML)
  • fetch_runtime.py — 一次性下载 Ruffle 运行时到 runtime/

references/

  • troubleshooting.md — 完整踩坑记录:file:// 限制的绕过原理、镜像下载策略、SWF 头解析(RECT 字段顺序)、fetch 钩子细节、验证方法

常见问题

5 问
答案由本站依据条目字段整理
SWF转HTML离线动画转换器怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_beb383a5/swf-to-html。安装方式为未标注。装完刷新技能列表或重开客户端。

SWF转HTML离线动画转换器支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

SWF转HTML离线动画转换器权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

SWF转HTML离线动画转换器收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

SWF转HTML离线动画转换器用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。