用途：当需要编写或修改 Remotion 代码时，加载该技能获取领域知识，用 React/TypeScript 以编程方式构建视频并渲染为 MP4。
主要能力：覆盖新项目脚手架、视频布局与文字尺寸、动画与时间控制、序列与转场、图片/视频/音频素材、字幕、FFmpeg 操作、静音检测、音频可视化、音效、视觉与像素特效、3D（Three.js/React Three Fiber）、高级音频、动态时长与尺寸、Google/本地字体、GIF、Lottie、DOM 与文本测量、TailwindCSS、透明视频、裁剪、参数化视频、地图与 AI 配音等主题，各主题对应 rules/ 下的规则文件。
使用方式：空目录可用 npx create-video@latest --yes --blank --no-tailwind my-video 脚手架；用 npx remotion studio 预览；可用 npx remotion still [composition-id] --scale=0.25 --frame=30 做单帧检查。动画用 useCurrentFrame() 与 interpolate()，优先 interpolate() 而非 spring()，用 Easing.bezier() 定制时序；为便于在 Studio 中编辑，把 interpolate() 内联在 style 中并使用独立 CSS transform 属性（scale、translate、rotate）。素材放 public/ 并用 staticFile() 引用，图片用 <Img>，视频与音频用 @remotion/media 的 <Video>、<Audio>，也可用远程 URL。用 <Sequence> 的 from 延迟、durationInFrames 限时，内联内容用 layout="none"。宽高、fps、时长在 src/Root.tsx 的 <Composition> 中定义，也可用 calculateMetadata 动态计算。
限制：禁止使用 CSS transitions/animations 与 Tailwind 动画类名，它们无法正确渲染。特效优先顺序为常规 Remotion/HTML/CSS/SVG 动画、rules/effects.md 中列出的效果、自定义 createEffect()，最后才是 <HtmlInCanvas onPaint>。具体规则细节需查阅对应 rules 文件；资料未提供收费、价格与平台支持等信息。