用途：该技能让 Claude 按 Remotion 原生渲染与动画原则创建技术上正确的动画，适用于制作 Remotion 动画、字幕系统、转场、动态图形、可复用动画逻辑，以及调试不稳定动画和优化渲染一致性。不适用于 CSS 动画系统、浏览器驱动的转场、静态设计任务或不含 React 工作流的传统视频剪辑。
主要能力：以 useCurrentFrame()、interpolate()、spring() 为核心，所有动画时序由当前帧推导，保证确定性渲染、精确同步与导出一致；用 spring 物理实现缩放、淡入、字幕显现、滑动与转场；主动防止文本重排、尺寸变化与布局抖动，例如在背景渲染不可见的完整文本、单独叠加动画文本；避免 setTimeout、浏览器计时系统与 CSS 过渡。
使用方式：先安装 Node.js（https://nodejs.org），用 node -v、npm -v 验证；创建项目 npm init video，启动开发服务器 npm run dev，在 VS Code 中打开。需要输入动画概念、视频时长、场景结构，以及文本、字幕、图片、音频等素材，可选品牌规范、动效参考与分镜。工作流为：定义动画结构并按场景拆分为可复用组件（如 scenes/Intro.tsx、Features.tsx、CTA.tsx）；在场景内用 useCurrentFrame() 实现帧逻辑；加入 spring() 与 interpolate() 动效；检查文本跳动、尺寸变化、字幕位移等布局稳定性问题；导出前验证时序、动效平滑度、字幕同步与布局稳定，渲染用 npm run build 或 npx remotion render，优先导出 MP4 与平台优化设置。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；该技能依赖 React 与 Remotion 工作流，不适用于非 React 的传统视频编辑或纯 CSS 动画场景。