用途:为 Remotion 项目中已存在的静态矢量场景添加动效,使成片在手机静音信息流中呈现统一的平稳观感。适合场景已建好但需动画、动效卡顿机械飘忽或闪烁、需修复转场与循环接缝,或需要确定 Remotion 缓动与弹簧参数时使用。
主要能力:依据 storyboard.json 的节奏动效意图与 src/timeline.ts 的帧信息编排;提供五类动作、缓动令牌、弹簧与错峰规则;交付 motion.ts 助手(EASE、SPRING、enter、enterGroup、exit、presence、rise、scaleIn、settle、clamp01、maxPanPxPerFrame)与含循环包裹的 Video.tsx 模板,以及动画卡片示例;用 lint_motion.py 做反模式检查,并用逐帧渲染与拼图核对转场和循环接缝。
使用方式:把 assets/templates/motion.ts 复制到 src/,按情况替换或手工修补 Video.tsx 的循环包裹;在场景内用 useCurrentFrame() 取本地帧、useVideoConfig() 取 fps,配合存在/进出场、settle、evolvePath、clamp01 等实现,只动画 transform、opacity 与 SVG 几何属性;分组项用 enterGroup 且不超过 4 项、整段错峰约 0.5 秒内,文字卡在可读窗口保持静止;转场由 TransitionSeries 驱动。检查命令:python3 "${CLAUDE_SKILL_DIR}/scripts/lint_motion.py" src 需 0 错误;渲染命令:npx remotion render src/index.ts <target> out/frames --sequence --image-format=png --frames=<a>-<b>。
限制:不用于故事节奏、场景搭建与尺寸、编码导出预设、成片评审、网页悬停效果、CSS 或 GSAP 问题及 Remotion API 细节。Remotion 并行渲染下 CSS 过渡、定时器、Date.now、Math.random、GSAP/Motion 不可用;弹簧默认过冲,文字需 damping: 200 并传 fps;interpolate 需 clamp;禁止动画布局属性;整帧平移过短会频闪,循环包裹必须大于 0 且不短于钩子完整入场,60 fps 会加倍渲染时间。上述之外的收费、价格与平台信息暂未提供。