Agent skill · writing content · affaan-m
remotion-video-creation
Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。
Why this skill is useful
Provides 29 domain-specific rules and best practices for creating videos in Remotion that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-06. 238,342 stars on the source repository.
What this skill does
使用时机 当处理 Remotion 代码并需要获取领域特定知识时，请使用此技能。 使用方法 阅读各个规则文件以获取详细说明和代码示例： rules/3d.md - 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容 rules/animations.md - Remotion 的基础动画技能 rules/assets.md - 在 Remotion 中导入图片、视频、音频和字体 rules/audio.md - 在 Remotion 中使用音频和声音——导入、裁剪、音量、速度、音调 rules/calculate-metadata.md - 动态设置合成时长、尺寸和属性 rules/can-decode.md - 使用 Mediabunny 检查浏览器能否解码视频 rules/charts.md - Remotion 的图表和数据可视化模式 rules/compositions.md - 定义合成、静态画面、文件夹、默认属性和动态元数据 rules/display-captions.md - 在 Remotion 中显示字幕，支持 TikTok 风格页面和单词高亮 rules/extract-frames.md - 使用 Mediabunny 从视频中提取指定时间戳的帧 rules/fonts.md - 在 Remotion 中加载 Google 字体和本地字体 rules/get-audio-duration.md - 使用 Mediabunny 获取音频文件的时长（秒） rules/get-video-dimensions.md - 使用 Mediabunny 获取视频文件的宽度和高度 rules/get-video-duration.md - 使用 Mediabunny 获取视频文件的时长（秒） rules/gifs.md - 显示与 Remotion 时间线同步的 GIF rules/images.md - 使用 Img 组件在 Remotion 中嵌入图片 rules/import-srt-captions.md - 使用 @remotion/captions 将 .srt 字幕文件导入 Remotion rules/lottie.md - 在 Remotion 中嵌入 Lottie 动画 rules/measuring-dom-nodes.md - 在 Remotion 中测量 DOM 元素尺寸 rules/measuring-text.md - 测量文本尺寸、将文本适配到容器以及检查溢出 rules/sequencing.md - Remotion 的序列模式——延迟、裁剪、限制项目时长 rules/tailwind.md - 在 Remotion 中使用 TailwindCSS rules/text-animations.md - Remotion 的排版和文本动画模式 rules/timing.md - Remotion 中的插值曲线——线性、缓动、弹簧动画 rules/transcribe-captions.md - 转录音频以在 Remotion 中生成字幕 rules/transitions.md - Remotion 的场景过渡模式 rules/trimming.md - Remotion 的裁剪模式——裁剪动画的开头或结尾 rules/videos.md - 在 Remotion 中嵌入视频——裁剪、音量、速度、循环、音调
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills affaan-m/remotion-video-creation--38ee41