SKILL

remotion-video-creation

Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则,涵盖 3D、动画、音频、字幕、图表、过渡等。

适用对象:设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。

查看中文原文

原文涵盖的主题

  • 使用时机
  • 使用方法

当处理 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-anim

这里只展示节选,请以完整原文和当前要求为准。

来源仓库
affaan-m/ECC
源文件
docs/zh-CN/skills/remotion-video-creation/SKILL.md
固定版本
d2ef2680594f9a17526a6e1a2e18b3d242c5d17b
阅读完整原作者说明 ↗

准备条件

  • 本条仅收录原作者的技能元数据;请阅读完整说明,确认依赖、许可与使用条件。

第一件可以尝试的小事

先阅读原作者说明,再决定是否在自己的 AI 工具中使用。

对应 AI 工具说明

作者有说明不等于本站实机验证。没有证据时,不自动标为兼容、安全或免费。

来源与内容状态

本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。

原作者:affaan-m/ECC · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-09T15:01:42.562Z。

分类由名称、说明与路径规则生成,分类不代表已核实适配。

许可与权利归属

MIT。第三方内容及版权归原作者,使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

限制与注意事项

  • 元数据收录不代表本站已经安装、适配、实测或进行安全审查。