用途：该技能面向 Remotion 项目，帮助定位并修复动画中的布局不稳定问题，包括文字跳动、字幕尺寸不可预测变化、动画卡片位移、打字效果导致布局抖动、元素闪烁以及不同帧渲染不一致等。
主要能力：识别动态尺寸变化、不稳定容器、可变间距和触发重排的动画；通过渲染不可见的完整文本保留容器最大尺寸，再单独叠加动画文本，从而稳定高度、宽度与定位；将布局结构与动画叠加层、变换分离，避免动画直接改变父容器尺寸或布局流；使用 useCurrentFrame()、spring()、interpolation 等基于帧的确定性运动系统，避免浏览器计时与不受控过渡；逐帧检查字幕定位、容器尺寸与运动同步，提升渲染一致性。
使用方式：需准备 Node.js（https://nodejs.org），用 node -v、npm -v 验证；通过 npm init video 创建 Remotion 项目，npm run dev 启动开发服务器，在 VS Code 中打开。推荐配合 Remotion Preview、React 知识与浏览器 DevTools。输入包括可复现的布局问题、动画组件、文本或字幕系统、定位不稳定的视频场景，可选运动参考、现有动画逻辑与场景时间信息。修复后可用 npm run build 或 npx remotion render 渲染验证。
适用场景：动画中文字跳动、字幕不可预测缩放、动画卡片位移、打字效果下布局不稳、元素闪烁、帧间渲染差异、动态内容引发不稳定等。
限制：不适用于静态布局、非动画 UI 调试、后端问题、纯 CSS 工作流以及非视觉渲染问题。资料未提供具体收费、价格或平台支持信息。