About pan-3d-transition
A skill for adding a 3D swivel transition to videos with Remotion, aimed at video-editing workflows. Its script samples later footage for a teaser, inserts it at a chosen point, and preserves audio when joining the segments.
Key features
- 01Insert a 3D swivel teaser transition
- 02Sample frames from later footage
- 03Set insertion point and duration
- 04Optionally specify a background image
- 05Concatenate segments while preserving audio
Use cases
- 01Add a teaser near the start of a video
- 02Apply a swivel transition between video sections
- 03Choose when teaser footage is sampled
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/pan-3d-transitionin Claude Code to confirm it loaded.
Bundled filesscripts/insert_3d_transition.py
Details
From the project README3D 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)
Comments
Markdown supported