Edu Chem Video
Use when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a chemistry probl…
by wy51ai · Apache-2.0
The skill
Use when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a chemistry problem (化学题: 氧化还原配平 双线桥 电子守恒, 物质的量计算, 化学平衡 三段式 平衡常数 转化率 反应速率, 离子反应, 电化学, 溶液 滴定, 工业流程), from a problem screenshot or text, with Chinese voice-over (GLM-TTS / 智谱 TTS), bilingual zh+en subtitles and chalkboard-style canvas animation built around the chemical equation, rendered to MP4.
化学题讲解视频 (edu-chem-video)
把一道化学题做成 16:9、1920×1080、带中文配音 + 中英双语字幕 + 黑板粉笔风格动画的 MP4。流水线与 edu-math-video / edu-physics-video 相同(配音、字幕、检查、渲染),区别在解题方法和画面:
- 解题:化学题的主线是"守恒 + 以物质的量为中心":写对并配平方程式(电子守恒 → 原子守恒 → 电荷守恒)→ 找关系(系数比、守恒、关系式)→ 以 n 为中心计算 / 三段式 → 守恒复查。
- 画面:墨绿黑板 + 粉笔线;顶部常驻方程式条,下面左边演示、右边石板。化合价在数轴上升降、电子一组组长到相等、系数从电子行飞进方程式、原子计数条打 ✓、双线桥上电子流动、分子盒按系数比反应、三段式逐行填写。和数学(米色笔记本)、物理(深蓝蓝图)一眼能分开。
script.json ──build_audio.py──► build/timeline.json + build/mix.wav + ../<name>.srt
(旁白) (GLM-TTS + 合成音乐) │
anim.js + chem.js + engine.js ◄───────────────┘ (按旁白时间点驱动动画)
└──node render.mjs video──► ../<name>.mp4
核心原则:方程式在讲题,守恒被"数"出来。 每句旁白都有一个动作把这句化学推理演出来;所有比例、数量都从配平后的方程式取(系数飞出去成为比例 / 转化量);每个动画用 S.at(k, f) 定时,绝不写死秒数。
本技能自带全部代码,不要从别的项目复制文件:
template/:可直接运行的完整示例(铜与稀硝酸:标化合价 → 电子守恒配平 → 双线桥 → 物质的量计算 → 区分被还原的硝酸)。engine.js通用引擎(黑板主题 + 方程式条版面,不改),chem.js化学道具库(化学式自动下标、equation、valence、bridge、eFlow、tally、molMap、iceTable、molecule、particles、beaker、graph),anim.js/script.json/episode.json/storyboard.md/problem.png每道题重写。examples/equilibrium/:化学平衡完整示例(三段式、分子盒按比例反应、c-t 曲线、K、转化率)。平衡 / 速率题先读它。scripts/chem_check.py:零依赖的方程式配平与核对(系数、原子 / 电荷守恒、摩尔质量),第 1 步必用。shared/pron.py+shared/pron.json:读音控制,已收录化学常见多音词(还原、反应、物质的量、足量、化合价、转化率……)和元素名。scripts/:另有new_video.sh、setup_check.sh、make_problem_png.py(化学式、单位不会被折行拆开)、problem_boxes.py、contact_sheet.py。
下文 SKILL = 本文件所在目录,WS = 用户当前所在的目录($PWD):视频文件夹建在这里,mp4/srt 也输出到这里。不要因为别的目录已经有 .env、node_modules、pron.json 就把 WS 换过去。PROJ = 本视频文件夹,PY = setup_check.sh 报告的 python(macOS 一般是 /usr/bin/python3)。
必须遵守的规则
退出码不是 0 就是没完成。 --check 退出码 1(哪怕只剩一个 ⚠ 多音字)、motion 退出码 1、chem_check.py check 退出码 1、截图有问题,都要修好再往下走。
- 严格按下面 11 步顺序做,每步的"通过标准"满足了才能进入下一步。
- 先按化学方法解对题。 第 1 步写出解题卡(反应类型、限量物质、配平过程、关系、计算、守恒验算),见 reference/chemistry-solving.md;方程式必须用
chem_check.py核对。 - 先讲清楚题目。 第一幕展示原题图片,旁白逐条读条件("足量""标准状况""2 L 容器"都要读出来并框出)。
tts只能是能念出来的中文,化学式一律换成名称。HNO3→ 硝酸,SO4^{2-}→ 硫酸根离子,0.2 mol·L^{-1}→ 零点二摩尔每升,+5→ 正五价(对照表见 reference/script-writing.md)。字幕zh照常写化学式(Cu(NO3)2、Fe^{3+}),会自动排成下标 / 上标。- 读音必须固定。 调 TTS 之前
--check必须显示未固定读音的生僻字/多音字: 0且script errors: 0。标注写在字后面:还[huán]原、盛[chéng]有。 - API Key 只能由用户提供。 缺
GLM_API_KEY时先问用户:配置 key(推荐),还是用兜底引擎(edge-tts / macOSsay,见 reference/glm-tts-setup.md)。不要编造 key、模型名或接口地址,不要打印 key。 - 化学画面必须正确。 化合价、系数、双线桥的起止元素与电子数、单位、分子盒里的数量(写明每个分子代表多少 mol)都要与解题卡一致;颜色约定:失电子 / 升价蓝,得电子 / 降价红。
- 版面:方程式条 y 140~300(
eqStrip+equation(spec, 960, EQY));演示区 x 60~900、y 310~860;石板用board()+bm()(第 0~8 行);一切在 y ≤ 860。 - 先写分镜,再写动画:
storyboard.md顶部写解题卡 + 图形清单,每句规划"指/动/留",按 reference/visual-design.md 的化学动作表选动作;node render.mjs motion必须通过。 - 先预览再花钱(
--preview+stills auto),看图验证(每次都打开build/sheet*.png,汇报你实际看到了什么)。 - 不要修改
engine.js;通用化学道具加在chem.js,只属于这道题的图形写在anim.js。不要把node_modules、package*.json复制进视频文件夹。
11 个步骤
第 1 步:按化学方法解题,写解题卡
读 reference/chemistry-solving.md。写下:反应类型与限量物质;方程式及配平过程(氧化还原:变价元素、升降数、最小公倍数);已知量与所求量之间的关系(系数比 / 守恒 / 关系式);以 n 为中心的每一步计算(单位带着);平衡题的三段式;守恒验算与易错点。
PY SKILL/scripts/chem_check.py balance "Cu + HNO3 -> Cu(NO3)2 + NO + H2O"
PY SKILL/scripts/chem_check.py check "3Cu + 8HNO3 = 3Cu(NO3)2 + 2NO + 4H2O"
- 题目看不清、产物不确定(浓 / 稀、量的多少)时问用户,不要猜。
- 通过标准: 解题卡完整;
chem_check.py通过;能用 4~7 幕讲完。
第 2 步:建项目、查环境
bash SKILL/scripts/new_video.sh "$PWD" <ascii_folder_name>
bash SKILL/scripts/setup_check.sh WS/<ascii_folder_name>
new_video.sh链接共享词表和已有的node_modules;找不到才在WS下npm install。python 包:PY -m pip install --user numpy requests pypinyin pillow。- 缺
GLM_API_KEY:停下,按 reference/glm-tts-setup.md 引导用户(~/.config/math-problem-video/.env,三个视频技能共用)。用户没有 key:TTS_ENGINE=auto自动兜底;装 edge-tts 前先征得同意。 - 通过标准:
setup_check.sh输出ALL OK。
第 3 步:测试 TTS
cd PROJ && PY build_audio.py --say "你好,我们来看一道化学题。"
- 通过标准: 生成了 wav(第一次给这个用户做视频时请用户试听音色)。
第 4 步:准备题目图片 problem.png 和高亮框
- 只有文字:
PY SKILL/scripts/make_problem_png.py --text "完整题目" --mark "条件1" ... --out PROJ/problem.png(化学式用 Unicode 下标HNO₃显示更好;小问前用换行)。 - 有截图:
problem_boxes.py crop / grid / check(见 reference/animation.md)。 - 通过标准: 打开了
*.preview.png/*.check.png,文字完整,框准确。
第 5 步:写 episode.json 和 script.json
按 reference/script-writing.md。幕的顺序照解题流程:intro 读题 → 方程式 / 化合价 → 配平 → (双线桥)→ 计算 / 三段式 → (复查、易错点)→ outro。每句 ≤ 36 字宽,一句一件事,数值带单位。
- 通过标准: JSON 合法;每一幕都有计划好的画面。
第 6 步:写分镜 storyboard.md
先读 reference/visual-design.md,按 template/storyboard.md 格式:顶部解题卡 + 图形清单(方程式、化合价、桥、计数、表格、分子盒……),再每句一行 | 幕id 句号 | 旁白要点 | 指 | 动 | 留 | 板书 |。"动"从化学动作表选,不能只写"出现/显示/高亮"。
- 通过标准: 每句一行;每幕至少一个连续运动。
第 7 步:读音与脚本检查,修到 0
cd PROJ && PY build_audio.py --check ; cat build/pron_report.txt
- 按 reference/pronunciation.md 处理 ⚠(化学多音字表在里面)。
- 通过标准:
未固定读音的生僻字/多音字: 0且script errors: 0。
第 8 步:写 anim.js
先通读 template/anim.js,API 见 reference/animation.md(engine.js + chem.js 速查)。结构:PROBLEM、TAGS;化学常量区(方程式 spec、系数、用同样式子算出的数值,如 const N_NO = N_CU * 2 / 3);eqDraw();每幕 SC.<id>。
- 每幕:
eqStrip(1)+ 方程式(先{p: 0}取版面 → glow 提到的物质 → 正式画);演示区做动作;board()+bm()写板书;答案bbox+stamp。 - 通过标准:
--check无 ERROR。
第 9 步:免费预览:动作检查 + 版面检查
cd PROJ && PY build_audio.py --preview && node render.mjs motion && node render.mjs stills auto && PY SKILL/scripts/contact_sheet.py .
motion:STATIC必须修,每幕至少一句MOVE。- 打开
build/sheet_*.png逐张检查(审查清单):不重叠、不出界、桥和化合价不撞标签;化学正确:化合价、系数、桥、电子数、单位、分子数量。 - 通过标准:
motion check passed;截图检查通过(逐幕说明你看到了什么)。
第 10 步:生成配音,自动听写核对,再检查一次画面
cd PROJ && PY build_audio.py && PY build_audio.py --asr && node render.mjs stills auto && PY SKILL/scripts/contact_sheet.py .
- 通过标准:
mix + srt written;字母读错的句子: 0(无 GLM key 时ASR SKIPPED,交付时说明);截图检查通过。
第 11 步:渲染视频并交付
cd PROJ && node render.mjs video 6 # 6 = 并行浏览器页数(不是帧率)
- 交付:mp4/srt 路径、时长、各幕内容、答案;说明你无法听音频,请用户试听,列出标注过读音的字和化学名称。
常见错误
| 错误做法 | 正确做法 |
|---|---|
| 方程式没配平(或凭印象配平)就开始算 | 先 chem_check.py balance / check,系数进 anim.js 常量区 |
| 配平只讲"观察法",不讲为什么 | 氧化还原:标价 → 电子守恒定关键系数 → 原子守恒补全,每一步画出来 |
tts 写 HNO3、SO4^{2-}、mol/L |
硝酸、硫酸根离子、摩尔每升 |
| 双线桥连了不同元素 / 方向反了 | 双线桥连同种元素,从反应物指向生成物;失电子蓝、得电子红 |
| 被还原的硝酸 = 参加反应的硝酸 | 分清作用:被还原的 n = 生成 NO 的 n;画 2 + 6 分流 |
| K 用了物质的量 | 三段式后先除以体积得平衡浓度,再代入 K |
| 分子盒数量随便画 | 写明每个分子代表多少 mol,数量与三段式一致,按系数比转化 |
离子电荷写 Fe3+ |
Fe^{3+}(否则 3 变成下标) |
| 双线桥标签撞到左上角标签 | 桥放到方程式下方(side: 1)或减小 h |
| 从别的视频文件夹复制代码 / 用物理或数学技能的 engine.js | 用本技能的 new_video.sh 建项目 |
编造 GLM_MODEL、接口地址 |
只需用户提供 GLM_API_KEY |
--check 还有 ⚠ 就调 TTS |
修到 0 |
| 渲染完不看画面就交付 | 每次都看 build/sheet*.png |
参考文件
- reference/chemistry-solving.md:化学解题方法:五步流程、守恒法 / 三段式 / 关系式 / 差量法、
chem_check.py、把解变成画面的要求、常见题型的幕结构。第 1 步必读。 - reference/visual-design.md:讲解动画设计:黑板风格与版面、化学配色、化学 → 动画动作表。写分镜前必读。
- reference/animation.md:engine.js + chem.js API、版面坐标、题目图片与高亮框、审查清单。
- reference/script-writing.md:
script.json格式、幕的设计、化学式 / 离子 / 单位的口语写法对照表。 - reference/pronunciation.md:读音控制、化学常见多音字。
- reference/glm-tts-setup.md:智谱 GLM-TTS 注册、API Key、音色、兜底引擎。
- reference/troubleshooting.md:报错与处理。
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: wy51ai/edu-chem-video-73647759789.
Details
- Publisher
- wy51ai
- Category
- Creative & Media › Video
- License
- Apache-2.0
- Updated
- 2026-10-10
References
More from wy51ai
- Edu Analytic Geometry 把一道解析几何题解成一个自包含的交互教学网页:左栏题面 + 动态控制台(一个 可变参数滑块驱动实时重算的几何量 + 理论范围/定值指示),中栏 KaTeX 分步解析,右栏 2D Canvas 动…
- Edu Chem Reaction 把一个化学反应做成自包含的微观 3D 交互演示网页:左/上为 Three.js 可交互分子动画 (拖滑块看断键·成键·原子重组,分步高亮),右为 KaTeX 反应方程 + 分步讲解 + 原子守恒…
- Edu Math Video Use when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a math problem (数…
- Edu Physics Video Use when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a physics problem…