Learn-skills.dev pan-3d-transition

Create 3D pan/swivel transition effects for videos using Remotion. Use when user asks to add 3D transitions, create swivel effects, or add video transitions.

install
source · Clone the upstream repo
git clone https://github.com/NeverSight/learn-skills.dev
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/NeverSight/learn-skills.dev "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/skills-md/aiagentwithdhruv/skills/pan-3d-transition" ~/.claude/skills/neversight-learn-skills-dev-pan-3d-transition && rm -rf "$T"
manifest: data/skills-md/aiagentwithdhruv/skills/pan-3d-transition/SKILL.md
source content

3D Pan Transition

Goal

Create 3D rotating "swivel" transition effects for videos using Remotion rendering.

Scripts

  • ./scripts/insert_3d_transition.py
    - Insert transition into video

Usage

python3 ./scripts/insert_3d_transition.py input.mp4 output.mp4 \
  --insert-at 3 \
  --duration 5 \
  --teaser-start 60 \
  --bg-image .tmp/bg.png

Parameters

ArgumentDefaultDescription
--insert-at
3Where to insert (seconds)
--duration
5Transition duration
--teaser-start
60Where to sample content from
--bg-image
noneBackground image

How It Works

  1. Extracts frames from later in video
  2. Creates 3D rotating animation via Remotion
  3. Splits video: intro, transition, main
  4. Concatenates with audio preserved

Dependencies

cd video_effects && npm install

Output

Video with swivel teaser inserted at specified position.


Schema

Inputs

NameTypeRequiredDescription
input_video
file_pathYesInput video file
insert_at
integerNoWhere to insert teaser (seconds, default: 3)
duration
integerNoTransition duration (seconds, default: 5)
teaser_start
integerNoWhere to sample content from (seconds, default: 60)
bg_image
file_pathNoBackground image path

Outputs

NameTypeDescription
output_video
file_pathVideo with 3D transition inserted

Composable With

Skills that chain well with this one:

video-edit

Cost

Free locally (Remotion + FFmpeg)