mcpField
E
educational-animation-production

educational-animation-production

github.com/calesthio创意与媒体219115 次安装15 周前更新
代码仓库

关于 educational-animation-production

这项不依赖特定供应商的技能,用于规划兼顾学习效果、准确性与无障碍性的教育动画,面向教育者和制作团队,覆盖目标设定、脚本、分镜及审查。

主要功能

  1. 01定义学习者与可测量目标
  2. 02规划课程结构与场景顺序
  3. 03设计准确的视觉讲解
  4. 04安排旁白、节奏与屏幕文字
  5. 05检查无障碍性和生成素材

适用场景

  1. 01规划短篇教学动画
  2. 02为 STEM 内容制作分镜
  3. 03在培训中设计练习与反馈
  4. 04检查动画的无障碍性与准确性

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/calesthio/generative-media-skills --skill educational-animation-production

安装后在 Claude Code 中输入/educational-animation-production确认已加载。

附带文件EVAL.md

详细介绍

教育动画制作

使用此技能,让教学动画准确、易学、易访问,并达到可交付标准。首先将动画视为教学产品,其次才是媒体产品:每个视觉元素、动作提示、旁白台词和评估环节都必须服务于明确的学习目标。

此方法不依赖特定提供方。无论最终作品使用生成视频、生成图像加动态图形设计、矢量/SVG 动画、白板动画、幻灯片转视频、Manim/D3/STEM 可视化、角色动画、屏幕录制,还是合成运行时,都可以采用。

首要决策

在编写提示词、场景或代码之前,先明确教学约定:

  1. 明确学习者,而不只是主题。
    • 年龄/年级或工作角色。
    • 先备知识和前置条件。
    • 语言熟练度和阅读水平。
    • 无障碍需求和可能的观看场景。
    • 学习动机:他们为什么现在需要学习这个内容。
  2. 设定 1-3 个可衡量的学习目标。
    • 使用可观察的动词:识别、比较、求解、解释、预测、分类、应用。
    • 避免“理解重力”之类含糊的目标,除非将其转化为可观察的表现:“预测在双体图中改变质量会如何影响引力。”
  3. 确定证据标准。
    • 课堂/STEM/历史/培训内容:为相关主张引用权威来源。
    • 医疗、法律、金融、安全、受监管培训、产品功效或合规主题:最终交付前必须由相关领域专家审核。
    • 商业或产品培训中的主张:发布前须为客观主张提供依据。
  4. 确定动画要完成的任务。
    • 展示不可见的过程:分子、力、算法、时间线、系统。
    • 比较不同选项:前后对比、误解/纠正、模型 A/模型 B。
    • 引导注意力关注图表或公式。
    • 演示步骤:例题详解、流程、工具操作流程。
    • 让学习者能够练习:暂停、提问、反馈、下一步。

如果主题涉及情感敏感、政治争议、身份认同、高风险,或很可能被过度简化,则应在生成素材前明确设置审核关卡,由相关领域专家、教育工作者、合规审核人员或社区审核人员进行审核。

学习设计原则

以以下有文献记录的原则为基础,并结合专业判断进行调整。

有文献记录且有研究支持的指导原则:

  • 学习者会带着先前知识参与学习;有效的教学会先引出这些知识,再在其基础上展开。介绍新模型前,可使用快速诊断性提示、误解检查或熟悉的类比。
  • 当学习者必须处理无关信息或令人困惑的布局时,认知负荷会增加。学习者正在处理新概念时,应减少装饰性动画、冗余的屏幕文字和杂乱场景。
  • 多媒体学习研究支持连贯性、信号提示、空间邻近和时间邻近原则:去除无关内容,突出重要信息,将标签放在所标注对象附近,并让旁白与其描述的视觉事件同步。
  • 通用学习设计鼓励提供多种参与、表征以及行动/表达方式。在动画实践中,这意味着提供不止一种获取概念的方式:旁白、字幕/文字稿、图表、示例和练习。

制作启发式原则:

  • 每个场景尽量只呈现一个主要观点。如果需要用不止一句话来解释场景的用途,就将其拆分。
  • 使用动作来展示变化、因果关系、顺序或引导注意力。不要因为可以制作动画,就让所有内容都动起来。
  • 从具体到抽象逐步展开:熟悉的情境 -> 可视化模型 -> 正式术语/公式 -> 迁移示例。
  • 在开场、中段和结尾以不同形式重申学习目标。
  • 将标签、箭头、颜色和运动路径视为教学语言,而非装饰。

脚本与顺序模式

优质的动画课程通常遵循以下顺序。若领域需求采用其他结构,可进行调整。

  1. 以相关性和问题吸引注意。
    • 点明学习者面临的问题:“为什么手机电池在寒冷天气里耗电更快?”
    • 提出课程将解答的问题。
  2. 激活已有知识。
    • 运用一个熟悉的物品、之前课程的关联内容或一种常见误解。
    • 不要羞辱持有误解的学习者;应将其视为有用的起始模型。
  3. 说明学习目标。
    • “学完本课程后,你将能够……”
  4. 仅在需要时引入词汇。
    • 每个术语都配上对应的视觉对象和一个示例。
  5. 展示核心机制的动画。
    • 先只展示必要的部分。
    • 随着内容变得相关,再添加标签和变量。
  6. 暂停并检查理解情况。
    • 请学习者预测、分类、选择下一步操作,或解释原因。
    • 稍作停顿后给出答案或反馈。
  7. 应用到新案例。
    • 迁移应用是重点:在开场示例之外展示这个概念。
  8. 总结并给出下一步行动。
    • 重申关键的思维模型。
    • 邀请学习者完成练习题、进行反思,或学习下一课。

对于 90 秒以内的微学习内容,聚焦一个目标、一个核心模型、一次理解检查和一个迁移示例。对于较长的培训模块,应划分章节,并每隔 2-4 分钟安排一次练习。

分镜与视觉语法

为每个场景注明:

  • 服务的目标;
  • 旁白台词或面向学习者的文本;
  • 视觉模型;
  • 动画事件;
  • 标签/公式;
  • 无障碍说明;
  • 来源/引用需求;
  • 评估环节(如有);
  • 素材提示词或制作说明。

遵循以下视觉语法:

  • 先呈现整体,再放大展示各个部分。
  • 保持空间关系一致。如果“输入”从左侧进入、“输出”位于右侧,就应保持这种对应关系,除非课程明确改变了参照系。
  • 让颜色承载含义。例如:蓝色 = 已知量,橙色 = 未知量,绿色 = 已验证的答案。绝不要只依赖颜色传递信息。
  • 将标签放在其所指对象或过程旁边。避免使用迫使学习者来回查看的图例。
  • 逐步呈现公式:
    1. 展示物理情境;
    2. 标记各个量;
    3. 引入方程;
    4. 代入数字;
    5. 将化简过程制作成动画;
    6. 用文字解释结果。
  • 在历史/社会科学动画中,区分时间顺序、因果关系和观点视角。用时间线呈现顺序,用地图呈现地理信息,用引文/来源卡片呈现证据,并明确说明不确定性或有争议的解读。
  • 在程序性培训中,展示环境、操作、决策规则和后果。不要只展示“一切顺利”的流程;如果安全或能力取决于避免常见错误,也应将其纳入内容。

旁白、节奏与文本

旁白要写得适合朗读:

  • 使用简短的口语句子。
  • 尽早传达主要信息。
  • 在复合解释中使用术语前,先定义这些术语。
  • 大声朗读脚本并计时。密集的科学内容旁白通常需要比普通配音更慢的节奏。
  • 在新图示、公式、关键词和问题前后留出停顿。

谨慎使用屏幕文字:

  • 字幕不能替代清晰易懂的视觉标签。
  • 除非受众确实需要逐字强化,否则旁白在讲述时,不要在屏幕上显示完整的旁白段落。
  • 画布上只放关键词、变量、标签、简短步骤或问题提示。
  • 确保文字大小适合目标平台和设备。

音频混音:

  • 确保音乐和音效不会影响旁白的清晰度。
  • 对于以语音为主的教育媒体,背景音频应当没有、可由用户控制,或明显低于旁白音量。
  • 仅在音效有助于强化含义时使用,例如变量锁定到公式中时的点击声,或提问前轻柔的提示音。

图表、公式、数据和标签

确保每个图表都经得起推敲:

  • 设计视觉隐喻之前,先检查领域模型。
  • 标明简化之处:“非按比例绘制”“简化模型”“一种可能的路径”或“近似值”。
  • 统一使用单位。
  • 避免数字或图表呈现虚假的精确度。
  • 确保坐标轴、图例和刻度清晰易读。
  • 直接标注,不要使用未经说明的颜色编码。
  • 对于生成的素材,务必人工核验其中的文字、公式、地图、旗帜、化学结构、解剖细节、历史文物或图表,切勿轻信渲染结果。

对于 STEM 动画:

  • 尽可能使用文本图层或确定性渲染来呈现真实的公式和单位。不要依赖图像/视频模型绘制公式。
  • 对于几何图形、图表、地图、代码或数据可视化,优先使用确定性工具(SVG、D3、Manim、绘图库、GIS、合成代码),而不是自由形式的图像生成。
  • 动画演示过程时,确保守恒定律、箭头、因果方向和比例关系准确。

对于历史/社会科学内容:

  • 引用一手资料,或可靠的学术/官方摘要。
  • 区分事件、解读和有争议的说法。
  • 避免将群体简单化为刻板印象或单一动机。
  • 相关时注明观点来源:“从政府的角度来看”“据……报道”“历史学家对此存在争议”。

生成素材的提示词翻译

将教学意图转化为素材提示词,同时确保准确无误。

使用三层提示词:

  1. 教学功能:素材要讲解什么。
  2. 视觉规范:画面应包含什么,以及如何构图。
  3. 准确性约束:哪些内容必须正确或需要避免。

示例结构:

Instructional function: Show that electrical current is charge flow through a closed circuit, not "used up" by the bulb.
Visual specification: Clean flat vector animation frame, battery on left, switch at top, bulb on right, wire loop, small blue electrons moving around the whole loop, warm glow at bulb.
Accuracy constraints: Do not show electrons disappearing in the bulb. Do not show current leaking into air. Include labels: battery, switch, bulb, closed loop. Use separate editable text layers if possible.

使用生成式图像/视频工具时:

  • 要求留出干净的空白区域,以便之后添加标签。
  • 除非模型能可靠地处理排版,否则不要在提示词中要求生成文字;应在后期添加文字。
  • 要求使用简单的图形来绘制图表;只有在氛围不承载事实信息时,才使用复杂美学风格来营造氛围。
  • 如果模型难以完成图表,可将其拆分为多个部分生成:背景、物体、箭头、标签、叠加层。
  • 保留种子值/模型 ID/提供商设置,并记录素材来源。
  • 每个生成的素材进入剪辑前,都要对照学习目标和事实来源进行审核。

无障碍与包容性要求

从脚本阶段就规划无障碍体验,而不是等渲染完成后再考虑。

最低限度的检查:

  • 字幕:为语音和有意义的非语音声音提供同步字幕。
  • 文稿:提供文稿,供学习者复习和搜索。
  • 音频描述或整合式描述:如果重要信息仅通过视觉呈现,请在旁白中描述,或提供音频描述版本。
  • 闪烁风险:避免闪光和快速、高对比度的闪烁。如果无法避免,请依据 WCAG 闪烁阈值进行测试,并将警告作为最后手段;警告不能取代风险降低措施。
  • 不依赖颜色和感官:不要只依靠颜色、形状、位置或声音来传达说明。
  • 对比度和易读性:在最终交付尺寸下检查文本和图表。
  • 时长:留出充足时间,让学习者阅读标签、查看图表并回答问题。
  • 动态效果舒适度:避免不必要的镜头抖动、快速缩放和持续视差;如果平台或产品支持,请提供减少动态效果的版本。
  • 语言:面向目标受众使用浅显易懂的语言,并解释专业术语。

包容性呈现:

  • 有尊严且具体地呈现学习者、劳动者、科学家、历史人物和社群。
  • 避免象征性呈现:角色应符合场景,不应只是装饰性的多元元素。
  • 核实姓名、服饰、文物、地图、宗教、文化习俗、残障呈现和历史背景是否准确。
  • 不要把口音、方言、服饰、体型、肤色或残障当作笑料,或用来暗示能力。
  • 面向全球受众时,避免使用受特定文化背景限制的习语、体育比喻、手势或食物典故,除非加以解释或本地化。

评估与反馈环节

教育动画不应只负责讲解,还应让学习者检验自己的心智模型。

使用与目标相匹配的理解检查:

  • 识别:“哪一部分储存能量?”
  • 预测:“如果开关断开,会发生什么?”
  • 比较:“哪张图表显示匀速运动?”
  • 解释:“分母为什么增大了?”
  • 应用:“在这个新例子中试用同一条规则。”
  • 发现误解:“这张图有什么问题?”

提供反馈:

  • 确认正确答案。
  • 解释原因,而不只是选项字母。
  • 对于错误选项,温和指出其中的误解。
  • 在异步视频中,揭晓答案前暂停并提示“现在暂停并选择”。
  • 在交互式交付中,记录预期答案状态和补救分支。

本地化与交付版本

在最终排版前规划不同版本:

  • 根据语言不同,译文可能大幅扩展、缩短或重新排版;请预留可调整的空间,并使用目标地区语言测试版面。
  • 如果很可能需要本地化,请避免将文本直接嵌入光栅图像。
  • 尽可能将字幕、文稿、旁白脚本、术语表和屏幕文字分别存放在可编辑文件中。
  • 对示例、单位、货币、日期、姓名、习语、地图、文化典故以及法律/监管术语进行本地化。
  • 在制作时针对每个地区和平台重新核查声明和合规规则。
  • 对于从右向左书写的语言,请有计划地设计镜像版面;除非领域要求,否则不要镜像科学图表、地图、公式或 UI 截图。
  • 对于手语版或音频描述版,请预留画面空间和时间。

可考虑的交付版本:

  • 课堂版,包含暂停和讨论提示;
  • 自定进度版,提供更多反馈;
  • 社交媒体/微学习版,包含单一目标和内嵌字幕;
  • LMS 版,包含测验元数据和文稿;
  • 无障碍版本,提供扩展音频描述或减少动态效果;
  • 本地化资料包,包含脚本、字幕、屏幕文字、术语表、来源和可编辑项目文件。

审核关卡与升级处理

在最终交付前,出现以下情况时必须进行审核:

  • 课程涉及医疗、法律、金融、安全、工程、合规或认证内容。
  • 课程包含商业、功效、性能、健康或比较性声明。
  • 课程描绘受保护群体、文化习俗、历史创伤、政治冲突、宗教、殖民主义、战争或时事。
  • 课程使用受版权保护的材料、商标材料、名人、学生、患者、员工或客户提供的材料。
  • 课程使用 AI 生成的内容,且作者身份、许可、同意或披露要求会影响发布。
  • 内容将用于评分教学、专业认证、公共政策、工作场所纪律处分或面向儿童的学习。

升级处理时,请准备一份简明材料包,其中包括:

  • 学习目标;
  • 脚本;
  • 分镜脚本;
  • 来源列表;
  • 声明表;
  • 生成素材的来源记录;
  • 无障碍计划;
  • 尚未解决的问题。

不要将法律、医疗、金融或监管方面的结论作为建议提供。请寻求合格的专业审核。

教育动画质量保证

在最终渲染前和导出后各运行一次此检查清单。

教学质量保证:

  • 每个场景都对应一个学习目标,否则将其删除。
  • 开场说明学习者将能够做到什么。
  • 内容处理学习者的已有知识或常见误解。
  • 在需要使用新术语之前先对其进行定义。
  • 内容顺序从具体到抽象,或说明采用其他顺序的理由。
  • 每个重要课程至少包含一次理解检查。
  • 反馈说明答案正确的原因。
  • 总结有助于将所学知识迁移到新案例。

事实质量保证:

  • 所有声明均有来源且内容为最新。
  • 核实数字、日期、公式、单位、地图、图表、名称和术语。
  • 对简化内容进行标注。
  • 人工检查生成的文本和图表。
  • 按需完成学科专家/合规审核。

动画质量保证:

  • 动画能阐明因果、顺序、比较关系或注意重点。
  • 标签显示在其所指的视觉元素附近。
  • 旁白与动画在时间上保持同步。
  • 为学习者留出查看每张图表的时间。
  • 剪辑不会引入与脚本相矛盾的内容。
  • 视觉隐喻不会暗示错误事实。

无障碍质量保证:

  • 字幕与内容同步,标点正确,按需标注说话者,并包含有意义的声音。
  • 提供完整的文字稿。
  • 音频描述或整合式旁白涵盖仅通过视觉呈现的关键信息。
  • 对比度、文字大小和最终设备上的可读性均符合要求。
  • 不得让任何指示仅依赖颜色、形状、声音或位置。
  • 消除闪光/闪烁风险,或对其进行测试。
  • 音频混音应确保语音清晰。
  • 按需提供减少动态效果的选项或替代访问方式。

权利/来源记录质量保证:

  • 将来源和引文与项目一同保存。
  • 记录 AI 提供方、模型名称、提示词、种子/设置和生成日期。
  • 记录第三方素材的许可和署名要求。
  • 对人物、声音、私人场所或客户素材,须具备相应授权/许可。
  • 对版权保护资格、披露、平台和机构政策相关问题,应升级处理,不得想当然。

示例:STEM 微学习短片

制作意图:制作一段 75 秒的动画,面向初中生讲解季节变化是由地球轴倾斜造成的,而不是由地球与太阳的距离造成的。

输入和限制:

  • 一个目标:学习者能够指出轴倾斜是季节变化的原因。
  • 避免常见误解:“夏天是因为地球离太阳更近。”
  • 播放场景:课堂和短视频。

工作流:

  1. 以一个误解检查问题开场:“如果地球在 1 月离太阳最近,为什么北半球却是冬天?”
  2. 展示一张简单的太阳—地球示意图,地球轨道近乎圆形,轴倾角保持不变。
  3. 为动画添加效果:6 月,阳光更直接地照射北半球;12 月,阳光照射得没那么直接。
  4. 仅在视觉关系呈现后添加标签:轴倾斜、直射光、散射光。
  5. 提问:“现在,哪个半球受到的直射光更多?”
  6. 揭晓答案,并将结论应用于南半球。
  7. 以这句话结尾:“季节变化源于倾斜改变了阳光的角度和照射时长。”

生成素材提示词:

Create a clean educational vector-style space diagram for an animation about seasons. Show the Sun on the left and Earth in four orbital positions around it, with Earth's axis tilted the same direction at every position. Leave empty margins for labels. Use simple geometry, not photorealism. Do not exaggerate the orbit into a long oval. Do not show Earth getting dramatically closer to the Sun. No embedded text.

后期制作说明:

  • 在合成器中添加标签和箭头,不要在图像生成器中添加。
  • 核实轨道形状、倾斜方向和半球标签。
  • 提供字幕、文字稿和整合式描述,例如“注意,地球绕太阳运行时,地轴始终指向同一方向。”

可能的失败模式:

  • 生成的图像将轨道画得过于椭圆。
  • 地轴在轨道上的不同位置指向不同方向。
  • 旁白只说“阳光更多”,却没有说明角度和照射时长。

示例:职场培训模块

制作意图:为新入职的仓库员工制作一段 4 分钟的动画培训模块,讲解如何安全地架设梯子。

输入和限制:

  • 需要由客户端或具备资质的安全 SME 审核。
  • 目标:学习者能够选择安全的梯子角度、检查梯子,并识别两种不安全的架设方式。
  • 播放场景:LMS,提供字幕、文字稿和测验。

分镜节选:

场景学习功能画面评估
1相关性员工在使用梯子前停下来;旁白说明,检查架设情况可以避免跌落无
2检查梯脚、梯级、标签和地面的特写“哪一项表示应停止使用并报告?”
3角度梯子、墙面、地面和角度提示的侧面示意图“哪种架设方式最安全?”
4常见错误梯子架在箱子上、地面湿滑、门口被堵“说出两种危险。”
5迁移应用新仓库通道,采用类似规则“你会先检查什么?”

危险识别场景的素材提示词:

Instructional function: Show an intentionally unsafe ladder setup for a warehouse safety lesson.
Visual specification: Flat 2D training animation style, warehouse aisle, extension ladder leaning against a shelf, wet floor sign nearby, small box placed under one ladder foot, worker standing back and evaluating, no injury shown.
Accuracy constraints: Make hazards visible but not sensational. Do not show anyone climbing the unsafe ladder. Leave space for callout labels. No embedded text.

审核资料包:

  • 梯子使用规则的来源或客户端规程。
  • 每条安全指示的声明表。
  • 最终渲染前取得 SME 签字确认。
  • 对字幕、文字稿、音频描述和闪烁风险进行无障碍检查。

可能的失败模式:

  • 动画意外地将不安全行为呈现得仿佛可以接受。
  • 评估考查的是记忆,而目标要求识别危险。
  • 背景音乐掩盖了指示内容。

示例:历史事件解说

制作意图:制作一段 3 分钟的课堂动画,解释一项历史政策如何对不同群体产生不同影响。

输入和限制:

  • 主题存在有争议的解读,并涉及身份认同。
  • 目标:学习者能够区分事件时间顺序与历史解读。
  • 需要资料来源和教育工作者审核。

方法:

  1. 从按日期排列的事件时间线开始。
  2. 仅在地理位置很重要时使用地图;标注边界,并说明边界是否为现代近似范围。
  3. 将原始资料片段作为证据卡呈现,并附上简短释义和引用。
  4. 使用多种视角卡片:政府官员、受影响群体、后世历史学家。
  5. 标明不确定性:“该群体的记录有限”,或“历史学家对此存在分歧……”
  6. 请学习者将陈述分类为事件、原因、后果或解读。

用于非事实性氛围背景的提示词:

Create a subdued classroom-friendly animated background: paper texture, archival-inspired neutral palette, slow parallax of abstract document shapes and map-grid lines. No readable text, no real flags, no portraits, no symbols associated with a specific group. Leave center area clean for verified timeline and source cards added in post.

为何有效:

  • 生成的素材营造氛围,但不包含事实内容。
  • 日期、地图、引文、人名和主张均作为经过核实、可编辑的图层添加。
  • 评估考查的是历史推理能力,而不只是记忆。

来源和核实说明

查阅并核实的资料(日期:2026-07-11):

制作时需重新核查的易变信息:

  • 平台对字幕、时长、宽高比、响度和无障碍性的要求。
  • 客户/机构要求采用的当前 WCAG 版本或当地无障碍政策。
  • 服务提供商条款、模型能力、生成内容披露规则、定价和商业使用许可。
  • 区域内关于教育、劳动、安全、医疗、法律、金融、广告、隐私、版权和面向儿童内容的规定。

评论

支持 Markdown