Motion Showreel

把一个想法做成以图形、文字或界面动画为主的视频，交付 MP4 和能重建的源码。保留短片的动效密度和创意自由，也支持按章节制作最长 20 分钟的内容。

原理：页面暴露确定性的 render(t)，脚本逐帧截图，再用 ffmpeg 合成 MP4。画面、口播、配乐和音效共用 timeline.js。无口播时按内容和音乐节拍组织画面；有口播时以真实语音时间为准，再安排音乐和音效。

默认先预览，再导出：所有类型都先打开剪辑工作区让用户查看真实画面与声音。用户点击「导出视频」或在对话中确认预览通过、可以导出后，才合成 MP4。首次要求「做一个视频」不等于预览已经通过；只有用户明确免除预览时才能直接导出。静帧、自查和音频准备可提前进行，不默认生成代理 MP4 或整片样片。

按需观看制作过程：需求问答时识别「边做边看、实时进度、每个阶段看看」等意愿；用户表达后就提前打开进度页，从需求说明到风格帧、口播样例、镜头与混音逐步展示。按 references/progress.md 发布已自查的阶段成果，不直接加载半成品代码。收到用户确认后，先用 progress.mjs <project> --stage <当前阶段> --confirm --message "已确认，正在……" 解除等待，再进行调研、下载或制作；不等产物做完才补进度。未提出时保持默认的最终工作区预览；不改变制作标准、确认节点和成片验收。

好片子从哪来：变化密度、运动质感、一个记忆点、音画关系，这四项通常决定观感。但具体怎么动、动多少，由风格和内容决定，不是每支片子都要多机位、弹簧和满屏音效。全局只守几条底线（见「底线」），其余都是给模型的起点，不是天花板。

视频感：讲解、产品演示和叙事片要让对象的行为与关系随内容发展，保持镜头间的空间承接。不能把口播逐句变成静态标题卡，再用淡入、缩放和背景粒子包装。分镜先写清「观众要看懂什么变化、主体前后状态、如何接上一个镜头」，再选动效。Logo、动态排版、循环与刻意静止的风格仍按自身语法制作；不靠持续乱动或强制 60fps 判定好坏。具体方法见 references/craft.md 的「连续叙事」。

---

适用范围

用户想要	用这个 Skill？
产品宣传短片、动效作品集、UI 动效、动态排版 / 卡点、Logo 演绎、片头、循环动图	✅
视频模型生成的绿幕人物 + 代码做的场景、大字、动效	✅ 人物由用户提供（references/formats.md H 类）
用户提供口播稿或录音，要导出有讲解的 MP4	✅ 口播驱动模式；TTS 必须使用用户提供的原稿
需要点击推进、现场演讲、交互式网页演示，或文章转口播稿	用 web-video-presentation
网页、落地页、交互原型、静态视觉稿	❌ 用 web-design-engineer
写实人物表演、实拍质感、剪辑已有素材、用视频模型直接出画面	❌

时长：最长 20 分钟（1200 秒），以用户确认的时长为准。短片仍适合 5, 60 秒，不把长片做成连续二十分钟的高密度卡点。超过 2 分钟，读 references/long-form.md，按章节规划、制作和审片。用户指定时长与口播实际长度或内容量冲突时，停下来确认调整方案，不擅自截断、加速口播或改变片长。

Opus 的长处和默认坑

• 长处：一个文件里能混用 Canvas、SVG/DOM、WebGL、Three.js，甚至每段换一种媒介；运动可以用公式精确计算（闭式弹簧、节拍网格、子帧运动模糊）；声音和画面读同一张时间表；能长时间自主「渲静帧 → 看图 → 修改」；审美判断力强，一句「全力以赴」就可能出很惊艳的东西。
• 默认坑：没有约束时，画面会落到深色背景、居中大字、所有元素一起淡入、紫蓝渐变加发光、机位不动；配乐会落到 A 小调四踩、每个重拍 impact + crash、钟声落版，几支片子听起来像同一首歌。所以要先找对标（画面和声音都要）、写清风格和禁止清单。但约束也不能写死：这个 Skill 的风格库和手法库都是起点，主题需要时随时改造、混搭或自定义。
• 做不好的：写实人物、复杂的手部 / 布料 / 毛发、需要真实物理精度的东西、照片级产品（除非用户提供模型或图片）。遇到这些就风格化处理，或者换成绿幕人物 + 代码场景的分工。

---

工作流