一 一 一 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 和 一 一 一 一 一 一 一 一 一 一

:ManimCommunity/manim( Man Manim Community v0.20+)。

₢ 킹 -** -:입력 把一一学/物理一的 Man**,成 MP4。

• ** -式**::文件 HTML (KaTeX 公式 + 캔버스 ),)、即时看变化。
• 一一一((、一、配色、配色),::一明,白明。

(一)

-** -「星」**::/证明,展示结论(含)。 -把:把”"成文字———

• SafeScene [layout] (T/T);
• check_text.py 字 字 □;
• [T3] (公式/id///canvas/can/JS) 한국어 -** 安 + 生 **:安全区 + fit_content];T + 光 + ;字。

₢ 킹 小学题「□ + 28 = □ × 5」 5(GIF )):

高高高(原):examples/BoxDivide.mp4。一一一会生成的(高) □ 天天平平平)。

# # 安卓 安

skills/math-explainer/ 放人的T目(人人目)的.cursor/skills/ 下:

#( #) macOS/리눅스:

macOS :cairo、pango、pkg-config](pip pycairo ,脚本本)。公式 LaTeX;没有 LaTeX 過去用Text/frow 。

테이크아웃

바카라사이트

• “做一一”
• 小小学生 5 5×□ = 4×□ + 7"
• “n y=n·x2 n n”

SKILL.md 流** + + **,成品目文件目目行 / .mp4 与 /index.html])。

目

---

DO 리눅스DO 社区的

mathVideoMaker

一个 Cursor Agent Skill：根据需求同时生成「数学讲解视频」（Manim 渲染成 MP4）和「交互式网页」（自包含 HTML），并把实现细节打磨到位，让能力较弱、甚至没有视觉能力的模型也能稳定产出准确、生动的内容。

参考实现：ManimCommunity/manim（基于 Manim Community v0.20+）。

它能做什么

• 讲解视频：用 Manim 把一个数学/物理概念的推导过程动画化，渲染成 MP4。
• 交互式网页：自包含单文件 HTML（KaTeX 公式 + canvas 交互），让观众拖参数、即时看变化。
• 二者共享同一套设计（概念、记号、参数、配色），互为补充：视频讲明白，网页玩明白。

设计要点（为什么这个 Skill 不一样）

• 讲「为什么」：强制演示推导/证明，而不是只展示结论（含"遮住旁白也能看懂"的硬性自检）。
• 无视觉也能保证质量：把"看图纠错"换成文字化检查——
  • SafeScene 渲染时自动打印 [layout] 布局警告（出界/重叠）；
  • check_text.py 静态查字体缺字形（防方框 □）；
  • check_web.py 静态查网页（公式/id/滑块/canvas/布局/JS 语法）。
• 机械化布局 + 生动化：安全区 + fit_content 防出界；深色配色 + 辉光 + 强调动效；字幕带底衬。

效果演示

小学题「□ + 28 = □ × 5」讲解视频（GIF 预览）：

看完整高清版（含原速）：examples/BoxDivide.mp4。同一主题还会生成配套的交互式网页（拖动 □ 让天平平衡）。

安装

把本仓库的 skills/math-explainer/ 放到你的项目（或个人目录）的 .cursor/skills/ 下：

git clone https://github.com/GordenSun/mathVideoMaker.git

# 方式一：作为项目技能（随项目生效）
cp -R mathVideoMaker/skills/math-explainer  你的项目/.cursor/skills/

# 方式二：作为个人技能（所有项目可用）
cp -R mathVideoMaker/skills/math-explainer  ~/.cursor/skills/

环境（仅生成视频需要；纯网页可跳过）

macOS / Linux：

bash .cursor/skills/math-explainer/scripts/setup_manim.sh   # 装 manim + ffmpeg + 系统库 + fonttools
python3 .cursor/skills/math-explainer/scripts/check_env.py  # 体检

macOS 关键依赖：cairo、pango、pkg-config（pip 构建 pycairo 必需，脚本已包含）。公式可选 LaTeX；没有 LaTeX 时用 Text/frow 即可。

用法

在 Cursor 里直接对 Agent 说，例如：

• “做一个视频，讲解勾股定理”
• “给小学生讲解 5×□ = 4×□ + 7”
• “讲 y=n·x² 随 n 变化”

Agent 会读 SKILL.md 按阶段流程产出视频 + 配套网页，成品放在主题文件夹根目录（/.mp4 与 /index.html）。

目录结构

mathVideoMaker/
├── skills/math-explainer/         # 把它复制到 .cursor/skills/ 下使用
│   ├── SKILL.md                   # 主编排：阶段流程 + 检查关卡
│   ├── references/                # 教学法/分镜、Manim 指南、配方、网页指南
│   ├── scripts/                   # setup / check_env / check_text / check_web / render
│   └── templates/                 # 场景骨架、mathviz 护栏、黄金范例、网页与分镜模板
└── examples/                      # 效果演示视频

---

感谢 LinuxDO 社区的支持