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.mdsource content
3D Pan Transition
Goal
Create 3D rotating "swivel" transition effects for videos using Remotion rendering.
Scripts
- Insert transition into video./scripts/insert_3d_transition.py
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 |
|---|---|---|
| 3 | Where to insert (seconds) |
| 5 | Transition duration |
| 60 | Where to sample content from |
| none | Background image |
How It Works
- Extracts frames from later in video
- Creates 3D rotating animation via Remotion
- Splits video: intro, transition, main
- Concatenates with audio preserved
Dependencies
cd video_effects && npm install
Output
Video with swivel teaser inserted at specified position.
Schema
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| file_path | Yes | Input video file |
| integer | No | Where to insert teaser (seconds, default: 3) |
| integer | No | Transition duration (seconds, default: 5) |
| integer | No | Where to sample content from (seconds, default: 60) |
| file_path | No | Background image path |
Outputs
| Name | Type | Description |
|---|---|---|
| file_path | Video with 3D transition inserted |
Composable With
Skills that chain well with this one:
video-edit
Cost
Free locally (Remotion + FFmpeg)