pan-3d-transition
SKILL.md
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
- 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 |
|---|---|---|---|
input_video |
file_path | Yes | Input video file |
insert_at |
integer | No | Where to insert teaser (seconds, default: 3) |
duration |
integer | No | Transition duration (seconds, default: 5) |
teaser_start |
integer | No | Where to sample content from (seconds, default: 60) |
bg_image |
file_path | No | Background image path |
Outputs
| Name | Type | Description |
|---|---|---|
output_video |
file_path | Video with 3D transition inserted |
Composable With
Skills that chain well with this one: video-edit
Cost
Free locally (Remotion + FFmpeg)
Weekly Installs
5
Repository
aiagentwithdhruv/skillsGitHub Stars
5
First Seen
12 days ago
Security Audits
Installed on
opencode5
gemini-cli5
claude-code5
github-copilot5
codex5
amp5