mcpField
A
add-transitions

add-transitions

github.com/dojocodinglabs创意与媒体16771 次安装2 周前更新
代码仓库

关于 add-transitions

为 Remotion 合成规划并添加场景转场的技能,指导效果选择、时长设置、合成时长调整和预览检查;API 细节则参照官方 remotion-markup 技能。

主要功能

  1. 01检查场景剪辑点
  2. 02选择淡入淡出、滑动、擦除和翻转
  3. 03转场时序指导
  4. 04调整合成时长
  5. 05Studio 预览检查

适用场景

  1. 01为硬切场景添加转场
  2. 02选择符合场景氛围的效果
  3. 03让转场时序配合音乐或配音

安装

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

$npx skills add https://github.com/dojocodinglabs/remotion-superpowers --skill add-transitions

安装后在 Claude Code 中输入/add-transitions确认已加载。

详细介绍

添加转场 — 场景转场向导

你将帮助用户在其 Remotion 合成中为场景之间添加专业转场。这项技能负责问答以及创意判断(哪种转场适合哪种剪辑)。API 用法请遵循官方的 remotion-markup 技能:transitions.md 介绍 TransitionSeries、演示效果、时间设置、叠加效果和时长计算,light-leaks.md 介绍漏光叠加效果。不要凭记忆编写转场代码。

工作流

1. 检查预览是否正在运行

Studio 应该已经打开(运行 npx remotion studio,或者运行 npx remotion studio --no-open 并使用应用内浏览器;打开它输出的 URL)。如果没有,现在就启动,让用户在你添加每个转场时都能看到效果。

2. 检查当前场景

查看当前合成并确定剪辑点:

grep -rlE "Sequence|TransitionSeries|Track" src/ --include="*.tsx" --include="*.ts"

列出场景,并询问用户希望在哪些位置添加转场。如果场景仍由一串 <Sequence from> 硬切组成,就按官方 transitions.md 中的说明,将它们改为 <TransitionSeries>,每个场景对应一个 <TransitionSeries.Sequence>(使用 npx remotion add @remotion/transitions 安装 @remotion/transitions)。

3. 选择转场类型

询问每处剪辑想要的氛围,然后给出建议:

转场效果最适合
fade场景间交叉溶解通用、柔和;片头、片尾、时间流逝
slide场景从某个方向滑入充满活力、现代;列表、分步骤内容、社交媒体轮播
wipe新场景擦除旧场景戏剧感、揭示效果;前后对比
flip3D 卡片翻转活泼、醒目;产品变体、惊喜效果
clockWipe时钟指针式揭示有创意、独特;倒计时、“当天晚些时候”
漏光(叠加效果)硬切时叠加温暖的闪光不缩短视频时长,却能营造电影感;音乐重拍、蒙太奇

滑入方向: from-left、from-right、from-top、from-bottom。滑入方向应符合视觉流向(阅读方向,或屏幕上物体的移动方向)。

漏光不是场景间的转场:它是在剪辑点放置的 <TransitionSeries.Overlay>,会覆盖在剪辑点上,且不会缩短时间线。请按照官方 light-leaks.md 中的说明制作。

4. 选择时长
时间设置感受适用场景
线性(linearTiming)匀速、机械感擦除、时钟擦除、需要营造“机械感”的滑动转场
弹簧(springTiming,damping: 200)平滑渐入/渐出,无回弹大多数淡入淡出和滑动转场;自然流畅
低阻尼弹簧(例如 10-20)超调后稳定:有明显回弹仅用于活泼的内容,且应少量使用

建议: 大多数转场使用 damping: 200 的弹簧时间设置,时长为 15-25 帧(30 fps 时为 0.5-0.8 秒)。短视频使用 8-15 帧。

5. 应用转场并修正时长

完全按照官方 transitions.md 中的说明编写 TransitionSeries,并为每个序列设置 name,以便用户在 Studio 中编辑。

重要: 转场会与相邻场景重叠,因此总时长会减少转场时长之和(叠加效果不会改变总时长)。按照官方 transitions.md 中的说明,在每个时间设置对象上调用 getDurationInFrames({ fps }) 计算,并更新 <Composition> 时长或其 calculateMetadata。

6. 常见模式
  • 全部使用淡入淡出(电影感): 所有位置都使用相同的淡入淡出,简洁且专业
  • 滑动轮播(社交媒体): 每个场景都从右侧滑入,类似滑动切换
  • 混合使用(动感): 片头/片尾使用淡入淡出,主体场景使用滑动转场,揭示内容时使用擦除,并在最重要的节拍上叠加漏光。让转场符合每处剪辑的节奏。
  • 与节拍同步: 音乐视频中,让每处剪辑落在节拍上,并缩短转场时长
7. 在预览中检查

请用户在 Studio 中拖动播放头,检查每个剪辑。重点关注:

  • 转场速度——太快会让人感到突兀,太慢则会显得拖沓
  • 方向——滑动应遵循视觉流动方向
  • 一致性——不要使用太多不同的转场(最多 2–3 种)
  • 配音——转场不应落在一句话中间

调整 durationInFrames 和 damping,直到效果合适。除非用户提出要求,否则不要渲染。

评论

支持 Markdown