Home / Skills / html-explainer
html-explainer
把任意主题做成讲解/科普视频并渲染成 MP4（HTML/CSS/GSAP 画面 + 确定性逐帧渲染 + 配音 + 词级硬字幕）。触发场景：要做科普/讲解/教学/知识/产品类视频、「讲一下 X 做成视频」、要挑某种视觉风格（极简/数据/赛博/电影感/品牌）出片、要出抖音封面/竖版封面/9:16 封面、要用 html-video 那种模板化画面但更稳的音画同步、anything2explainer 换 HTML 渲染，或提到 html-explainer / HTML 讲解视频 / explainer video / MG 视频。内置 23 个模板风格（8 类）与 40+ 动作词汇的动效库，主题驱动模板编排；支持 4K60、快门运动模糊、多进程提速、断点续渲；流程含六个用户确认点（渲染通道是硬闸门）。独立可移植，不依赖 html-video / anything2explainer。
Why this score
Popularity score: 72/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 20, 2026 at commit f52716b396fa, with Cisco's open-source skill-scanner.
What its code does:
- Runs shell commands Common for dev tools. Read the commands it runs.scripts/frame_at.py:134, scripts/qc_check.py:116, scripts/render_video.mjs:68
- Makes network requestsSKILL.md, scripts/tts_volcano.py:349
Web addresses in its code:
- openspeech.bytedance.comreferences/volcano-tts.md:92
- console.volcengine.comscripts/tts_setup.py:261
- registry.npmmirror.comsetup_env.sh:82
These are the sites named in the code, so it's where your data could go. It isn't a complete list: code can build addresses while it runs, and a few of these may be links rather than calls. Whatever you send also goes to the AI model you use.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onehtml-explainer OneMoh/html-explainer · Skill | 72 | ★ 181 | ≈103 always | 22d ago |
| explainer marswaveai/skills · Skill Both about explainer and video | 52 | ★ 79 | ≈22 always | 1mo ago |
| build-interactive-explainers EverMind-AI/Raven · Skill Both about explainer | 74 | ★ 5.5k | ≈45 always | 16d ago |
| visual-explainer nicobailon/visual-explainer · Skill Both about explainer and html | 90 | ★ 11k | ≈79 always | 16d ago |
| cron-explainer zhuyansen/agent-skills-hub · Skill Both about explainer | 65 | ★ 455 | ≈21 always | 16d ago |
| explainer-book mizchi/explainer · Skill Both about explainer and html | 66 | ★ 447 | ≈118 always | 25d ago |