用途:该技能适用于在 App Factory 中生成或修改 Remotion 视频代码、创建演示视频,以及处理 demo-video/ 目录。触发场景包括运行 /factory video 命令、修改 Remotion composition、调试渲染问题、理解基于帧的动画。
主要能力:项目结构包含 src/index.ts 入口、Root.tsx 注册表、compositions/AppFactoryDemo.tsx 主演示视频(10 秒,1920x1080)及 Title、BulletPoints、VerificationBadge、Footer 等组件,配置在 remotion.config.ts,依赖 Remotion v4.x。
必要用法与规则:动画必须使用 useCurrentFrame() 与 interpolate,禁止 CSS animation、transition、@keyframes;interpolate 必须加 extrapolateLeft/Right: 'clamp';物理动画用 spring();时间戳必须作为 props 传入,禁止 new Date(),日期格式化使用 timeZone: 'UTC',禁止 Math.random(),相同 props 必须产生相同输出。手动渲染命令:node scripts/render-demo-video.mjs --cwd ./my-app --slug my-app,可加 --title 与 --highlights。预览:cd demo-video && npm run studio;渲染:npx remotion render src/index.ts AppFactoryDemo output.mp4;类型检查:npx tsc --noEmit。
适用场景:App Factory 演示视频自动生成流水线,在 Local Run Proof 验证通过并生成 RUN_CERTIFICATE.json 后触发渲染,输出到 demo/out/<slug>.mp4。
限制:错误码 FAC-006 渲染失败需检查日志与 ffmpeg,FAC-007 证书缺失需先运行 Local Run Proof,FAC-008 props 校验失败需核对类型。其余细节暂未提供。