用途：制作动态动效视频，例如解说短片、转场合集、产品介绍、首屏动画等。按复杂度先选定路径并告知用户。
路径 A：单文件 HTML + Stage/Sprite，适合能放进一个 HTML 文件的动画（通常 60 秒以内）。使用 starters/animations.jsx 中兼容 Remotion 的浏览器内引擎，无需构建步骤，在 Babel standalone 下运行。可用原语包括：<Stage>（根合成，持有 RAF 时钟、缩放画布、进度条、播放/暂停，位置存于 localStorage）、<Sprite>（仅在 [start..end] 毫秒窗口内活动）、useTime、useSprite、Easing（linear、inQuad、outQuad、inOutCubic、outQuart、inOutExpo、spring）、interpolate、<FadeIn>/<FadeOut>/<SlideIn>/<ScaleIn>/<Reveal>、<Transition>。步骤：先调用 frontend-design 技能定风格；创建 artifacts/<slug>.html；用 cp starters/animations.jsx 将其复制到 HTML 同目录；运行 /serve（外部 .jsx 的 CORS 所需）；用 Stage 与 useTime 组合场景。验证用 /done 检查进度条、播放暂停与控制台。需要 PPTX 帧时，外部工具可 postMessage({ seekMs: N, playing: false }) 让 Stage 跳帧。
路径 B：Remotion，适合长于 60 秒、多场景叙事或需要导出 MP4 的情况。委托 remotion-best-practices 技能，建立独立的 artifacts/<slug>-remotion/ 项目，返回预览 HTML 与 MP4。
选择依据：单场景、一分钟内解说、仅浏览器预览、手势驱动 → A；多场景叙事、需要 MP4、精确帧计时（如 30fps）→ B。需要超出 Easing.spring 的物理弹簧或手势跟踪时，可加载 popmotion 脚本并使用 window.popmotion。
限制：资料未提供收费、价格、平台与其他效果细节；具体命令与代码以原文为准。