用途:该技能用于扩展模型在 Remotion 中生成视频的能力,以 React 编写程序化动画、数据驱动视频与高保真渲染流程。
主要能力:基于 useCurrentFrame 与 interpolate 实现帧精确动画;构建可接收参数、随外部数据变化的动态合成;针对 React 19.3、Next.js 16.2、Tailwind CSS 4.0 优化;并提及与 Remotion Skills 配合进行指令驱动的视频编辑。
使用方式:官方推荐用 Bun 搭建项目:
bun create video@latest my-video cd my-video bun start
组合使用 AbsoluteFill、useVideoConfig 与 Composition 定义画布、时长、fps、尺寸与默认 props;用 <Sequence> 延迟元素;用 calculateMetadata 在渲染前根据接口数据计算时长与 props。
规则与限制:禁止使用 CSS @keyframes 或 transition、setTimeout/setInterval、依赖 requestAnimationFrame 的库以及 useState 管理动画进度;逻辑须由帧推导,随机与时间需可复现;defaultProps 建议用 Zod 校验;本地资源用 staticFile(),远程资源需渲染期间可访问;重计算需 useMemo;不要硬编码帧数。资料给出的 2026 工作流建议使用 bun 而非 npm,并采用 Tailwind 4.0 容器查询。
适用场景:需要程序化、参数化、数据驱动视频的项目,以及 Next.js 集成中的 SSR 与 Server Actions。缺失信息:具体收费、价格与平台支持范围暂未提供。