用途：为 Remotion 视频项目提供编写 React 标记（Markup）的规范指导，涉及内容、动画和特效的实现方式，属于 Remotion 相关技能文档。
主要能力：
- 帧动画：用 useCurrentFrame() 和 interpolate() 驱动动画；所有秒到帧的换算从 useVideoConfig() 获取 fps；用 Easing.bezier()、Easing.spring() 定制节奏；scale 动画使用 output: 'perceptual-scale'；优先使用 scale、translate、rotate CSS 属性而非 transform 字符串；interpolate() 调用保持内联在 style 属性中以便 Studio 编辑。
- 媒体与素材：素材放在项目根目录 public/ 下，用 staticFile() 引用或直接传远程 URL；视频和音频用 @remotion/media 的 <Video> 与 <Audio>；图片用 <CanvasImage>，动图用 <AnimatedImage>（非 Chrome 时用 @remotion/gif）。
- 时序与预挂载：把时序直接放在支持的组件上，避免冗余 <Sequence>；为每个支持的定时组件设置 premountFor={fps}，适用于媒体、交互组件、<Sequence>、<TransitionSeries.Sequence>、<TransitionSeries.Overlay> 及嵌套项，嵌套项需要先于父项挂载时父项也要预挂载。
- 交互式组合：用 Interactive.withSchema({wrapInSequence: true, layout: 'absolute-fill'}) 处理带可编辑属性的场景；可复用场景注册为 connected compositions；每个应独立编辑的注册、片段、场景、图层和序列都应作为独立 JSX 节点，可编辑属性内联，程序化循环仅适用于有意作为单一源模板控制的情形。
- 效果：<Img>、<CanvasImage>、<AnimatedImage>、<Solid>、<HtmlInCanvas>、<Video>、<Gif>、<RemotionRiveCanvas>、@remotion/shapes 组件可直接接受 effects；普通 HTML 元素、<Interactive.*>、<AbsoluteFill>、<Sequence> 不接受，需包在 <HtmlInCanvas> 中。内置效果涵盖颜色色调、模糊拖尾、光照、扭曲变换、纹理图案、边缘、像素化与转场等。
使用方式：涉及具体主题时可参考配套文档，如 video-editing.md、text-highlights.md、multi-scene-video.md、connected-compositions.md、voiceover.md、embedding-videos.md、audio.md、cropping.md、transitions.md、motion-blur.md、effects.md、3d.md、sfx.md、audio-visualization.md、google-fonts.md、local-fonts.md、gifs.md、images.md、lottie.md、timing.md、parameters.md、measuring-dom-nodes.md、measuring-text.md、ffmpeg.md、silence-detection.md、calculate-metadata.md、compositions.md、sequencing.md 等；安装模块用 npx remotion add @remotion/media；可用 Remotion Studio 做可视化预览和逐帧图像检查。
限制：CSS transition 或 animation、Tailwind 动画类无法正确渲染，需要重构；若该技能不适用应改用 Remotion Best Practices；不覆盖全部细节，需按主题加载对应文档。