[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-82793":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":14,"stars7d":15,"stars30d":16,"stars90d":13,"forks30d":13,"starsTrendScore":17,"compositeScore":18,"rankGlobal":8,"rankLanguage":8,"license":8,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":19,"hasPages":19,"topics":21,"createdAt":8,"pushedAt":8,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":13,"starSnapshotCount":13,"syncStatus":14,"lastSyncTime":25,"discoverSource":26},82793,"mathVideoMaker","GordenSun\u002FmathVideoMaker","GordenSun",null,"Python",216,44,3,0,2,14,156,8,59.96,false,"main",[],"2026-06-12 04:01:39","# mathVideoMaker\n\n一个 Cursor Agent Skill：根据需求**同时生成「数学讲解视频」（Manim 渲染成 MP4）和「交互式网页」（自包含 HTML）**，并把实现细节打磨到位，让能力较弱、甚至没有视觉能力的模型也能稳定产出准确、生动的内容。\n\n参考实现：[ManimCommunity\u002Fmanim](https:\u002F\u002Fgithub.com\u002FManimCommunity\u002Fmanim)（基于 Manim Community v0.20+）。\n\n## 它能做什么\n- **讲解视频**：用 Manim 把一个数学\u002F物理概念的**推导过程**动画化，渲染成 MP4。\n- **交互式网页**：自包含单文件 HTML（KaTeX 公式 + canvas 交互），让观众拖参数、即时看变化。\n- 二者**共享同一套设计**（概念、记号、参数、配色），互为补充：视频讲明白，网页玩明白。\n\n## 设计要点（为什么这个 Skill 不一样）\n- **讲「为什么」**：强制演示推导\u002F证明，而不是只展示结论（含\"遮住旁白也能看懂\"的硬性自检）。\n- **无视觉也能保证质量**：把\"看图纠错\"换成文字化检查——\n  - `SafeScene` 渲染时自动打印 `[layout]` 布局警告（出界\u002F重叠）；\n  - `check_text.py` 静态查字体缺字形（防方框 □）；\n  - `check_web.py` 静态查网页（公式\u002Fid\u002F滑块\u002Fcanvas\u002F布局\u002FJS 语法）。\n- **机械化布局 + 生动化**：安全区 + `fit_content` 防出界；深色配色 + 辉光 + 强调动效；字幕带底衬。\n\n## 安装\n把本仓库的 `.cursor\u002Fskills\u002Fmath-explainer\u002F` 放到你的项目（或个人目录）下：\n\n```bash\n# 方式一：克隆到项目根（技能随项目生效）\ngit clone https:\u002F\u002Fgithub.com\u002FGordenSun\u002FmathVideoMaker.git\ncp -R mathVideoMaker\u002F.cursor\u002Fskills\u002Fmath-explainer  你的项目\u002F.cursor\u002Fskills\u002F\n\n# 方式二：作为个人技能（所有项目可用）\ncp -R mathVideoMaker\u002F.cursor\u002Fskills\u002Fmath-explainer  ~\u002F.cursor\u002Fskills\u002F\n```\n\n## 环境（仅生成视频需要；纯网页可跳过）\nmacOS \u002F Linux：\n```bash\nbash .cursor\u002Fskills\u002Fmath-explainer\u002Fscripts\u002Fsetup_manim.sh   # 装 manim + ffmpeg + 系统库 + fonttools\npython3 .cursor\u002Fskills\u002Fmath-explainer\u002Fscripts\u002Fcheck_env.py  # 体检\n```\n> macOS 关键依赖：`cairo`、`pango`、`pkg-config`（pip 构建 pycairo 必需，脚本已包含）。公式可选 LaTeX；没有 LaTeX 时用 `Text`\u002F`frow` 即可。\n\n## 用法\n在 Cursor 里直接对 Agent 说，例如：\n- “做一个视频，讲解勾股定理”\n- “给小学生讲解 5×□ = 4×□ + 7”\n- “讲 y=n·x² 随 n 变化”\n\nAgent 会读 `SKILL.md` 按阶段流程产出**视频 + 配套网页**，成品放在主题文件夹根目录（`\u003C主题>\u002F\u003C场景名>.mp4` 与 `\u003C主题>\u002Findex.html`）。\n\n## 目录结构\n```\n.cursor\u002Fskills\u002Fmath-explainer\u002F\n├── SKILL.md                       # 主编排：阶段流程 + 检查关卡\n├── references\u002F                    # 教学法\u002F分镜、Manim 指南、配方、网页指南\n├── scripts\u002F                       # setup \u002F check_env \u002F check_text \u002F check_web \u002F render\n└── templates\u002F                     # 场景骨架、mathviz 护栏、黄金范例、网页与分镜模板\n```\n","mathVideoMaker 是一个基于 Python 的工具，能够同时生成数学讲解视频和交互式网页。它利用 Manim 将数学或物理概念的推导过程动画化为 MP4 视频，并创建自包含的 HTML 交互页面，使用户可以拖动参数查看即时变化。该工具特别注重内容的准确性和生动性，通过强制演示推导过程确保观众理解背后的原理；并且设计了多种检查机制来保证在无视觉辅助的情况下也能产出高质量的内容。适用于教育领域中需要直观展示数学或物理概念及其动态效果的教学场景。","2026-06-11 04:09:16","CREATED_QUERY"]