pan-3d-transition

star 28

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.

MalekAG By MalekAG schedule Updated 2/21/2026

name: pan-3d-transition description: 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. allowed-tools: Bash, Read, Write, Edit, Glob, Grep

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

Argument Default Description
--insert-at 3 Where to insert (seconds)
--duration 5 Transition duration
--teaser-start 60 Where to sample content from
--bg-image none Background 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.

Install via CLI
npx skills add https://github.com/MalekAG/claude-code-setup --skill pan-3d-transition
Repository Details
star Stars 28
call_split Forks 12
navigation Branch main
article Path SKILL.md
More from Creator