Agent skill · wshuyi

remotion-video-skill

remotion-video-skill — an agent skill for coding agents.

What it needs

329 stars on the source repository.

What this skill does

Remotion Video 用 React 以编程方式创建 MP4 视频的框架。 核心概念 1. Composition - 视频的定义(尺寸、帧率、时长) 2. useCurrentFrame() - 获取当前帧号,驱动动画 3. interpolate() - 将帧号映射到任意值(位置、透明度等) 4. spring() - 物理动画效果 5. <Sequence> - 时间轴上排列组件 快速开始 创建新项目 选择模板后: 项目结构 基础组件示例 最小视频组件 注册 Composition 动画技巧 interpolate - 值映射 spring - 物理动画 Sequence - 时间编排 AI 语音解说集成 为视频添加 AI 语音解说,实现音视频同步。支持两种方案: 方案 优点 缺点 硬件要求 推荐度 ------ ------ ------ ---------- -------- MiniMax TTS 云端克隆、速度极快(<3秒)、音质优秀 按字符计费 无 ⭐⭐⭐ 首选 Edge TTS 零配置、免费 固定音色、无法自定义 无 ⭐⭐ 方案选择流程 --- 方案一:MiniMax TTS(推荐) 云端 API 方案,无需本地 GPU,生成速度极快,音色克隆效果优秀。 配置 1. 注册 https://www.minimax.io (国际版)或 https://platform.minimaxi.com (国内版) 2. 获取 API Key 3. 在 MiniMax Audio 上传音频克隆音色,获取 voiceid API 差异 版本 API 域名 说明 ------ ---------- ------ 国际版 api.minimax.io 推荐,稳定 国内版 api.minimaxi.com 需国内账号 ⚠️ 常见错误:api.minimax.chat 是错误的域名,会返回 "invalid api key"。请确认使用上表中的正确域名。 生成脚本 使用 scripts/generateaudiominimax.py 生成音频,支持: 断点续作:已存在的音频文件自动跳过 实时进度:显示生成进度,避免茫然等待 自动更新配置:生成完成后自动更新 Remotion 的场景配置 价格参考(2025年) 模型 价格 ------ ------ speech-02-hd ¥0.1/千字符 speech-02-turbo ¥0.05/千字符 ⚠️ MiniMax TTS 踩坑经验 问题 原因 解决方案 ------ ------ ---------- invalid api key 使用了错误的 API 域名 国际版用 api.minimax.io,国内版用 api.minimaxi.com config.ts 语法错误 Syntax error "n" Python 脚本在 f-string 中用 ",\\n".join() 产生了字面量 \n 而非真正换行 见下方「Python 生成 TypeScript 注意事项」 长时间无进度显示 后台执行命令看不到输出 前台执行脚本,或用 tail -f 实时查看日志 Python 生成 TypeScript 注意事项 ❌ 错误写法:在 f-string 中使用 \n 会产生字面量字符 ✅ 正确写法:分开处理字符串拼接 --- 方案二:Edge TTS 无需特殊硬件,完全免费,适合不需要克隆音色的场景。 安装 推荐语音 语音 ID 名称 风格 --------- ------ ------ zh-CN-YunyangNeural 云扬 专业播音腔(推荐) zh-CN-XiaoxiaoNeural 晓晓 温暖自然 zh-CN-YunxiNeural 云希 阳光少年 生成脚本 使用 scripts/generateaudioedge.py 生成音频: Remotion 音频同步 --- 教程类视频架构(场景驱动) 教程、讲解类视频的核心架构:音频驱动场景切换。 架构概览 关键思想: 1. 音频决定时长:每个场景的持续时间由音频长度决定 2. 场景即章节:一个概念 = 一个场景 = 一段音频 3. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills wshuyi/remotion-video-skill

View the source on GitHub

Browse the @skills marketplace