remotion-render-config

Name: remotion-render-config
Author: ncklrs

github.com/ncklrs创意与媒体53164 次安装35 周前更新

代码仓库

关于 remotion-render-config

remotion-render-config 是为 Remotion 视频渲染生成配置文档的技能，面向需要设定导出参数的创作者和开发者。它聚焦格式、编码、画质、分辨率及平台预设，不负责合成内容或场景实现。

主要功能

01生成渲染配置文档
02配置格式与视频、音频编码
03设置画质、压缩和分辨率
04提供平台专用参数预设
05生成渲染命令与配置文件示例

适用场景

01为 YouTube 视频设置导出参数
02为社交平台配置视频规格
03制作低画质预览或高质量存档
04输出图像序列供后期处理

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/ncklrs/startup-os-skills --skill remotion-render-config

安装后在 Claude Code 中输入/remotion-render-config确认已加载。

详细介绍

Remotion 渲染配置

生成渲染配置文档，用于定义 Remotion 视频渲染的输出设置、编解码器参数、格式选项和质量设置。本技能仅关注渲染／导出配置。

本技能的功能

生成以下内容的渲染配置：

输出格式 — MP4、WebM、ProRes 等。
编解码器设置 — H.264、H.265、VP9 参数
质量设置 — CRF、比特率、压缩级别
分辨率 — 输出尺寸和缩放
平台优化 — YouTube、Twitter、Instagram 预设

范围界定

范围内：

渲染命令配置
编解码器和格式选择
质量和压缩设置
特定平台的优化
输出文件参数

范围外：

合成实现（使用 /remotion-composition）
场景逻辑（使用 /remotion-component-gen）
动画参数（使用 /remotion-animation）
资源管理（使用 /remotion-asset-coordinator）

输入／输出格式

输入格式：目标平台／质量要求

接受渲染目标规格：

自然语言：

Render for YouTube at high quality with H.264 codec

结构化格式：

## Render Requirements

**Target Platform:** YouTube
**Quality Level:** High
**Format:** MP4 (H.264)
**Resolution:** 1920x1080
**Frame Rate:** 30 fps
**Additional:** Upload-ready, optimized file size

输出格式：RENDER_CONFIG.md

生成完整的渲染配置文档：

# Render Configuration: ProductDemo

## Status
✅ Render settings defined
⏳ Ready for video render

## Render Command

```bash
npx remotion render \
  src/index.tsx \
  ProductDemo \
  output.mp4 \
  --codec=h264 \
  --crf=18 \
  --pixel-format=yuv420p \
  --audio-codec=aac \
  --audio-bitrate=320k

配置详情

输出格式

容器： MP4
视频编解码器： H.264（x264）
音频编解码器： AAC
像素格式： yuv420p（兼容性最佳）

质量设置

CRF： 18（高质量，约 15-20 MB／分钟）
音频比特率： 320 kbps（高质量）
预设： medium（速度与质量均衡）

分辨率

输出： 1920x1080（16:9）
帧率： 30 fps
时长： 30 秒（900 帧）

平台：YouTube

针对 YouTube 上传进行优化：

✅ H.264 编解码器（广泛支持）
✅ yuv420p 像素格式（必需）
✅ AAC 音频（推荐）
✅ CRF 18（高质量，文件大小适中）
✅ 兼容元数据

**预计文件大小：**约 45-60 MB

其他渲染选项

Web 交付（文件更小）

npx remotion render \
  src/index.tsx \
  ProductDemo \
  output.mp4 \
  --codec=h264 \
  --crf=23 \
  --audio-bitrate=192k

文件大小：约 25-35 MB

最高质量（归档）

npx remotion render \
  src/index.tsx \
  ProductDemo \
  output.mp4 \
  --codec=h264 \
  --crf=15 \
  --audio-bitrate=320k \
  --preset=slower

文件大小：约 80-100 MB

快速预览渲染

npx remotion render \
  src/index.tsx \
  ProductDemo \
  preview.mp4 \
  --crf=28 \
  --preset=ultrafast

文件大小：约 15-20 MB

渲染工作流

测试渲染（前 3 秒）：

npx remotion render src/index.tsx ProductDemo test.mp4 --frames=0-90

完整渲染并显示进度：

npx remotion render src/index.tsx ProductDemo output.mp4 --codec=h264 --crf=18

验证输出：
- 检查文件大小
- 使用视频播放器播放
- 验证音画同步
- 检查画质
上传到平台（YouTube 等）

后续步骤

运行测试渲染，验证时长和画质
如果文件过大或过小，调整 CRF
准备就绪后进行完整渲染
上传到目标平台

故障排查

文件过大：

提高 CRF（网页交付可设为 23-28）
降低音频比特率（192k 或 128k）

画质问题：

降低 CRF（更高画质可设为 15-17）
使用更慢的预设（slow、slower）

渲染缓慢：

使用更快的预设（fast、veryfast）
测试时暂时降低分辨率

检查清单


## Codec Reference

### H.264 (Most Compatible)

Best for: YouTube, web delivery, social media

```bash
--codec=h264
--crf=18          # Quality (lower = better, 15-28 typical)
--pixel-format=yuv420p
--audio-codec=aac
--audio-bitrate=320k

质量级别：

CRF 15-17：极佳（文件较大）
CRF 18-20：高（推荐）
CRF 21-23：良好（网页交付）
CRF 24-28：可接受（预览／草稿）

H.265（HEVC）— 更佳压缩效果

适用于：现代平台、更小的文件、4K 视频

--codec=h265
--crf=23
--pixel-format=yuv420p10le

**注意：**并非所有平台都支持，但在相同画质下，文件可缩小约 50%

VP9（开源）

适用于：WebM 格式、网页交付、Chrome／Firefox

--codec=vp9
--crf=30
--pixel-format=yuv420p

ProRes（专业级）

适用于：视频剪辑、最高画质、无压缩

--codec=prores
--prores-profile=3  # HQ profile

**警告：**文件非常大（约 1-2 GB／分钟）

质量与文件大小参考

对于 30 秒、1080p、30fps 的视频：

CRF	质量	文件大小	用途
15	极佳	80-100 MB	归档、编辑
18	高	45-60 MB	YouTube、高质量
21	良好	30-40 MB	Web、社交媒体
23	可接受	20-30 MB	Web 分发
28	预览	10-15 MB	草稿、测试

平台专用预设

YouTube

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=18 \
  --pixel-format=yuv420p \
  --audio-codec=aac \
  --audio-bitrate=320k

规格：

分辨率：1920x1080 或更高
帧率：24、25、30、48、50 或 60 fps
编码：H.264 或 H.265
音频：AAC-LC，320 kbps

Twitter/X

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=20 \
  --audio-bitrate=192k

规格：

最长时长：2:20（140 秒）
最大文件大小：512 MB
分辨率：最高 1920x1200 或 1200x1920

Instagram Feed

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=20 \
  --audio-bitrate=192k

规格：

最长时长：60 秒
分辨率：1080x1080（1:1）或 1080x1350（4:5）
帧率：30 fps
编码：H.264

Instagram Reels/Stories

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=20 \
  --audio-bitrate=192k

规格：

分辨率：1080x1920（9:16）
最长时长：90 秒（Reels）、15 秒（Stories）
帧率：30 fps

TikTok

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=20 \
  --audio-bitrate=192k

规格：

分辨率：1080x1920（9:16）
最长时长：10 分钟
最大文件大小：287.6 MB
帧率：30 或 60 fps

npx remotion render src/index.tsx VideoName output.mp4 \
  --codec=h264 \
  --crf=20 \
  --audio-bitrate=192k

规格：

最大文件大小：5 GB
分辨率：256x144 至 4096x2304
帧率：10-60 fps

高级渲染选项

并发（加快渲染）

--concurrency=8  # Use 8 CPU cores

图像序列（用于后期处理）

--sequence
--image-format=png

输出 PNG 序列，可用于 After Effects、Premiere 等。

指定帧范围

--frames=30-90  # Render frames 30-90 only

缩放输出

--scale=0.5  # Render at 50% resolution (960x540)

适用于快速预览。

覆盖现有文件

--overwrite

自定义输出名称

npx remotion render src/index.tsx VideoName "output/final-video.mp4"

环境变量

# Number of CPU cores to use
export REMOTION_CONCURRENCY=8

# Disable browser sandbox (Docker)
export REMOTION_DISABLE_CHROMIUM_SANDBOX=true

# Set custom Chromium path
export REMOTION_CHROMIUM_PATH=/path/to/chromium

渲染配置文件

创建 remotion.config.ts：

import { Config } from "@remotion/cli/config";

Config.setCodec("h264");
Config.setCrf(18);
Config.setPixelFormat("yuv420p");
Config.setAudioBitrate("320k");
Config.setAudioCodec("aac");
Config.setConcurrency(8);
Config.setOverwriteOutput(true);

然后进行渲染：

npx remotion render

渲染脚本

添加到 package.json：

{
  "scripts": {
    "render:preview": "remotion render src/index.tsx VideoName preview.mp4 --crf=28 --preset=ultrafast",
    "render:draft": "remotion render src/index.tsx VideoName draft.mp4 --crf=23",
    "render:final": "remotion render src/index.tsx VideoName output.mp4 --codec=h264 --crf=18",
    "render:youtube": "remotion render src/index.tsx VideoName youtube.mp4 --codec=h264 --crf=18 --audio-bitrate=320k"
  }
}

用法：

npm run render:youtube

渲染性能提示

使用并发以利用所有 CPU 核心
渲染期间关闭其他应用程序
使用 SSD以加快文件 I/O
如果渲染过慢，降低合成复杂度
完整渲染前，先测试渲染较小的范围
如果需要透明度，请使用 image-format 属性

质量验证清单

渲染后：

集成工作流

通过其他技能完成合成
使用此技能生成渲染配置 → RENDER_CONFIG.md
运行测试渲染（前几秒）
验证质量和时序
运行完整渲染
上传到目标平台

与其他技能集成

此技能是工作流中的最后一步：

remotion-render-config (this skill)
    ↓ outputs: RENDER_CONFIG.md
    ↓ used after: All implementation is complete
    ↓ produces: Final video file

适用于：

/remotion-scaffold — 渲染已完成的项目
/remotion-composition — 渲染结构化合成
/remotion-component-gen — 渲染已实现的场景
/remotion-spec-translator — 将此步骤作为最后一步进行编排

此技能提供可用于生产的渲染配置，确保输出的高质量视频针对目标平台进行了优化。

支持 Markdown

登录后评论

基本信息

作者: ncklrs
仓库: ncklrs/startup-os-skills
分类: 创意与媒体
安装次数: 164
GitHub Stars: 53

报告问题

推荐 Skills

全部 Skills

ai-video-generation

github.com/inference-sh

1.7M

通过 inference.sh CLI 使用 Google Veo、Seedance 2.0、HappyHorse、Wan、Grok 以及 40 多个模型生成 AI 视频。模型：Veo 3.1、Seedance 2.0、HappyHorse 1.0、Wan 2.5、Grok Imagine Video、OmniHuman、Fabric、HunyuanVideo。能力：文生视频、图生视频、参考生视频、视频编辑、口型同步、虚拟形象动画、视频放大、拟音音效。用途：社交媒体视频、营销内容、讲解视频、产品演示、AI 虚拟形象。触发词：video generation、ai video、text to video、image to video、veo、animate image、video from image、ai animation、video generator、generate video、t2v、i2v、ai video maker、create video with ai、runway alternative、pika alternative、sora alternative、kling alternative、seedance、happyhorse

ai-image-generation

github.com/inference-sh

1.7M

通过 inference.sh CLI 使用 GPT-Image-2.5、FLUX、Gemini、Grok、Seedream、Reve 以及 50 多个模型生成 AI 图像。模型：GPT-Image-2.5 Flare、GPT-Image-2.5 Sunburst、GPT-Image-2、FLUX Dev LoRA、FLUX.2 Klein LoRA、Gemini 3 Pro Image、Grok Imagine、Seedream 4.5、Reve、ImagineArt。能力：文生图、图生图、图像修复、LoRA、图像编辑、放大、文本渲染。用途：AI 艺术、产品样机、概念艺术、社交媒体图形、营销视觉、插画。触发词：flux、image generation、ai image、text to image、stable diffusion、generate image、ai art、midjourney alternative、dall-e alternative、text2img、t2i、image generator、ai picture、create image with ai、generative ai、ai illustration、grok image、gemini image、gpt image、openai image、chatgpt image

ai-avatar-video

github.com/inference-sh

1.7M

通过 inference.sh CLI 创建 AI 虚拟形象和口播视频。推荐：P-Video-Avatar（速度最快、价格最低、内置 TTS）。还包括：OmniHuman、Fabric、PixVerse。音频：Inworld TTS-2（支持 100 多种语言，可调节角色情绪）、ElevenLabs、Kokoro。功能：音频驱动的虚拟形象、文本生成虚拟形象、口型同步视频、口播视频生成、虚拟主持人、UGC 内容。用途：AI 主持人、解说视频、虚拟网红、配音、营销视频、UGC 广告、游戏虚拟形象、NPC 对话。触发词：ai avatar、talking head、lipsync、avatar video、virtual presenter、ai spokesperson、audio driven video、heygen alternative、synthesia alternative、talking avatar、lip sync、video avatar、ai presenter、digital human、ugc、ugc video、ugc ad、avatar ugc

remotion-render

github.com/inference-sh

1.6M

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

remotion-render-config

关于 remotion-render-config

主要功能

适用场景

安装

详细介绍

Remotion 渲染配置

本技能的功能

范围界定

输入／输出格式

输入格式：目标平台／质量要求

输出格式：RENDER_CONFIG.md

配置详情

输出格式

质量设置

分辨率

平台：YouTube

其他渲染选项

Web 交付（文件更小）

最高质量（归档）

快速预览渲染

渲染工作流

后续步骤

故障排查

检查清单

H.265（HEVC）— 更佳压缩效果

VP9（开源）

ProRes（专业级）

质量与文件大小参考

平台专用预设

YouTube

Twitter/X

Instagram Feed

Instagram Reels/Stories

TikTok

LinkedIn

高级渲染选项

并发（加快渲染）

图像序列（用于后期处理）

指定帧范围

缩放输出

覆盖现有文件

自定义输出名称

环境变量

渲染配置文件

渲染脚本

渲染性能提示

质量验证清单

集成工作流

与其他技能集成

评论