remotion-best-practices
Claude Code Remotion 技能安装：为短片检查帧数和字幕时序
Claude Code 安装步骤
- 打开文末 GitHub 固定版本，从同一提交下载仓库快照。将 skills/remotion-best-practices/ 整目录复制到目标项目的 .claude/skills/remotion-best-practices/，保留 SKILL.md 和同目录参考文件。
- 从项目目录启动 Claude Code，在 / 菜单查找 /remotion-best-practices，然后用下方样例确认技能可调用。
中文摘要
Remotion Best Practices 指导 React 视频项目配置合成、序列、字幕和动画。技能按任务引导读取同目录的具体规则。
SKILL.md 中文导读
可复现示例
在本地 Remotion 示例项目生成一段 5 秒标题片，帧率 30 fps。让第一行标题显示 2 秒，随后切到第二行。只用本地文字和背景色。工作步骤
- 确认合成设为 30 fps、总计 150 帧，并为两段标题划定帧区间。
- 请 Claude Code 使用 remotion-best-practices 读取动画和时序规则，调整合成。
- 打开项目的 Remotion Studio，在第 59、60 和 149 帧检查画面。
验收方法
第 59 帧显示第一行，第 60 帧切为第二行，第 149 帧仍显示第二行。预览可在本地运行，实际导出使用项目自身的渲染设置。
GitHub 原文 · 更新日期
适用环境
Claude Code 在安装了 Remotion 依赖的 React 项目中运行。保留 skills/remotion-best-practices/ 下的 rules 参考目录。
常见问题
5 秒的 Remotion 合成在 30 fps 下应设置多少帧？
5 × 30 = 150 帧。帧编号从 0 开始，因此可预览的最后一帧是 149。