| name | ai-teaching-media |
| description | AI 教学媒体一体化技能包。在一个 skill 内串联 6 个子能力:通用生图执行层、技术长文智能插图、学科知识点竖版信息图、教学动图+配音教学视频、短视频 3:4 封面、长文章节解说视频。当用户需要给文章配图、做学科信息图、教学动图/视频、短视频封面、文章转解说视频,或希望从知识点/文章一路产出图文视频全套教学资产时使用。触发词包括:教学媒体、文章配图、技术长文插图、学科信息图、教学动图、教学视频、短视频封面、文章转视频、解说视频、知识卡片、配音讲解、3:4 封面。不要用于与教学/内容可视化无关的纯代码修改。
|
AI 教学媒体一体化 Skill
把“内容理解 → 插图/信息图 → 动图/视频 → 封面/成片”收成一个可联动技能包。用户安装本目录即可使用全部 6 个子 skill,并按场景串成完整教学生产链路。
目录结构
ai-teaching-media/
├── SKILL.md # 总入口与路由
├── README.md # 使用说明
├── ai-image-generator/ # ① 通用生图执行层
├── tech-article-diagram/ # ② 技术长文智能插图
├── edu-subject-infographic/ # ③ 学科知识点竖版信息图
├── edu-teaching-animation/ # ④ 教学动图 + 配音教学视频
├── short-video-cover/ # ⑤ 短视频 3:4 封面
└── article-explainer-video/ # ⑥ 长文转章节解说视频
6 个子 skill 一览
| 子 skill | 作用 | 典型输入 | 输出 |
|---|
ai-image-generator | 生图执行层(被其它子 skill 调用) | prompt / 参考图 | PNG |
tech-article-diagram | 技术长文智能插图(7 风格) | Markdown 长文 | 16:9 插图 |
edu-subject-infographic | 学科知识点信息图 | 知识点名称 | 9:16 信息图 |
edu-teaching-animation | 教学动图 + 配音视频 | 学科概念 | 无声 MP4 / 配音 MP4 |
short-video-cover | 短视频竖版封面 | 口播文案 | 3:4 封面图 |
article-explainer-video | 长文章节解说视频 | 技术文章 | 1080p MP4 |
如何选择能力(路由)
收到用户请求后,先判断意图,再进入对应子 skill 的 SKILL.md:
- 只生图 / 批量生图 / 带参考图修图
→ 读 ai-image-generator/SKILL.md
- 给技术长文加插图、流程图、架构图、对比图
→ 读 tech-article-diagram/SKILL.md
→ 生图时调用 ai-image-generator
- 做一个知识点信息图 / 知识卡片 / 学科图解
→ 读 edu-subject-infographic/SKILL.md
→ 生图时调用 ai-image-generator
- 教学动图、无声循环、配音教学视频
→ 读 edu-teaching-animation/SKILL.md
- 视频号/抖音/小红书 3:4 封面
→ 读 short-video-cover/SKILL.md
→ 生图时调用 ai-image-generator
- 把整篇文章做成章节解说视频
→ 读 article-explainer-video/SKILL.md
→ 复用 tech-article-diagram + ai-image-generator
如果用户目标是“整套教学产出”,不要只做一个单点结果,按下面流水线串联。
推荐串联流水线
流水线 A:知识点 → 全套教学资产
适用:用户给一个知识点(如“勾股定理”“光合作用”)
1) edu-subject-infographic
产出 9:16 学科信息图(可先确认色系/年级)
2) edu-teaching-animation
同主题产出:无声循环动图 + 配音教学视频
3) short-video-cover
用口播文案/标题生成 3:4 短视频封面
交付建议:
- 信息图 PNG
- 无声动图 MP4(公众号内嵌)
- 配音教学视频 MP4
- 短视频封面 PNG
流水线 B:技术长文 → 图文 + 解说视频
适用:用户给一篇技术长文 / 教程 Markdown
1) tech-article-diagram
识别 4-5 个插图位,生成 16:9 概念/流程/对比/架构图
2) article-explainer-video
文章分镜 → 章节插图 → TTS → HyperFrames 成片
3) short-video-cover(可选)
为成片做竖版封面
交付建议:
- 插图清单 + PNG
- 章节解说视频 MP4
- 可选短视频封面
流水线 C:口播/短视频发布包
适用:用户已有口播稿或教学视频脚本
1) short-video-cover
生成 3:4 封面
2) 若还缺讲解视频:
- 单概念 → edu-teaching-animation
- 长文讲解 → article-explainer-video
执行原则
- 先路由,再执行:总是先读对应子 skill 的
SKILL.md,不要跳过子 skill 约束。
- 保持同主题一致:同一知识点/文章的信息图、动图、视频尽量复用同一套主题色与术语。
- 底层生图统一走
ai-image-generator:其它 skill 负责策划与 prompt,不重复实现 API。
- 跨 skill 脚本路径:子 skill 之间以相对路径调用,例如:
../ai-image-generator/scripts/generate.py
../tech-article-diagram/scripts/inject_style.py
- 缺依赖时先说明:图片 API key / Minimax / Node+ffmpeg 未就绪时,先告知用户,不要静默失败。
环境依赖
| 能力 | 依赖 |
|---|
| 生图类(①②③⑤,以及 ⑥ 的插图) | MULERUN_API_KEY 或 APIMART_API_KEY 或 ATLASCLOUD_API_KEY 或 AGNES_API_KEY |
| 配音视频(④⑥) | MINIMAX_API_KEY(可选)或免费 edge-tts(pip install edge-tts) |
| 视频渲染(④⑥) | Node.js ≥ 22、ffmpeg、HyperFrames(npx 获取) |
快速触发示例
# 单点
帮这篇文章加几张插图,用 notebook 风格
做一张“声现象”学科信息图
把勾股定理做成教学动图和配音视频
给这段口播做个 3:4 短视频封面
把这篇文章转成章节解说视频
# 串联
围绕“光合作用”产出全套教学资产:信息图 + 动图 + 配音视频 + 封面
把这篇 Claude Code 教程做成插图版文章,并再出一版解说视频和封面
子 skill 入口
ai-image-generator/SKILL.md
tech-article-diagram/SKILL.md
edu-subject-infographic/SKILL.md
edu-teaching-animation/SKILL.md
short-video-cover/SKILL.md
article-explainer-video/SKILL.md
开始任务时:先根据用户目标选择上面的路由或流水线,再进入对应子 skill 严格执行。