01 功能说明
用有序笔画、校准的笔尖运动、旁白时序与精确时间视觉检查，构建白板动画场景。
whiteboard-animation 模拟手绘图表或文字的过程。SVG 笔画依序显现，记号笔手部图像跟随当前绘制位置。手部位置和已显现路径使用同一个进度值，因此能在精确时刻一起检查。
源文档区分简短浏览器场景与带旁白的视频导出。独立场景使用单个 HTML 文件和可定位时间的时间线；完整影片将相同机制放入逐帧驱动的合成。笔画顺序、抬笔和旁白时序都是设计的一部分。
预期交付物
将插画转换为按合理绘制顺序排列的开放路径。为填色区域提供轮廓，使其可以先绘出轮廓再显示颜色。
测量手部素材中的笔尖偏移，让位置与笔画显现共用同一进度。在独立路径之间抬笔。
将每幅绘制内容与对应旁白节拍对齐，再定格到笔画中途。检查笔尖对齐、最终完成度、布局及白板各部分之间的转场。
02 适用场景
提供绘制顺序、线稿和笔尖位置清晰的记号笔手部素材。如绘制需要跟随讲话，附上旁白时序，并明确选择 HTML 预览还是视频交付。
03 关键决策
共用进度可防止手部跑到可见线条前方。
抬笔和依序绘制让动作在物理上清晰合理。
笔画中途的静帧能暴露正常速度播放时不易察觉的问题。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
提供插画、标签和预期绘制顺序。
https://github.com/iart-ai/explainer-video-skills/blob/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/whiteboard-animation/SKILL.md下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
使用 whiteboard-animation，依据我提供的线稿与旁白讲解三步注册流程。按口述顺序逐步显现，全程使用同一只持笔手。准备开放路径并校准笔尖，使其始终贴合绘制前沿。轮廓完成前隐藏填色，在不同绘画内容之间抬笔。交付支持精确时间定位的独立 HTML 预览，并提供减少动态效果时使用的完成白板静态状态。在提出带旁白的视频导出方案前，检查开头、每一步笔画中途的画面和最终白板。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
创建 SVG 绘制讲解动画，让手持记号笔的图像跟随每一笔。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/iart-ai/explainer-video-skills/blob/3e2d411b725d9a72939cf8e5eb81579e751373e7/skills/whiteboard-animation/SKILL.md