Updated 2d ago
by OneMoh
html-explainer
把一个主题做成有配音、字幕、封面的讲解分析类视频 —— 全本地、用 HTML 写画面,稳定音画同步。 面向 AI 编程智能体的确定性 HTML → MP4 渲染流水线。
168 GitHub stars (168)
+168 in 25 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | +6 |
| Sep 29 | +53 |
| Sep 30 | +5 |
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | +1 |
| Oct 4 | +2 |
| Oct 5 | +2 |
| Oct 6 | +5 |
| Oct 7 | +2 |
| Oct 8 | +3 |
| Oct 9 | +6 |
| Oct 10 | −1 |
| Oct 11 | +3 |
| Oct 12 | +2 |
| Oct 13 | +1 |
| Oct 14 | +3 |
| Oct 15 | +2 |
| Oct 16 | +2 |
- 1 skill (1 skills found in its SKILL.md files)
- 20 forks (20 forks)
- 2d ago last update (Last updated 2d ago)
Install
Skills CLI
npx skills add OneMoh/html-explainer
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/OneMoh/html-explainercp -r "html-explainer" ~/.claude/skills/html-explainer
Copies the html-explainer skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add OneMoh/html-explainer
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
html-explainer
把任意主题做成「讲解/科普视频」并渲染成 MP4:调研→审查→解说词→字幕→配音(edge-tts,或火山引擎语音合成 2.0)→并行构建 HTML 场景→确定性逐帧渲染→成片后出多画幅封面。**画面语言内置 23 个模板风格 / 8 个类别**(大胆信号卡、奢华极简、NYT 数据图表、瑞士网格、故障艺术、胶片漏光、流体 Hero、Logo 收尾、东方柔和有机、VFX 文字光标…共 23 种风格,含每种的画布/配色/字体/时间轴规范,见 references/style-catalog.md),流程规范与音画同步体系承自 anything2explainer(词边界字幕、两级时钟、语速标定、多 agent 分工与 QC 判据),渲染层为自研 seek 式渲染器。**封面默认 16:9 + 3:4 两张**:抖音主封面 1920×1080 + 兼容主页栅格 3:4 的 1440×1080(…
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.