pan-3d-transition
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)
More from aiagentwithdhruv/skills
image-to-video
Generate AI video from static images using Kling 3.0, Hailuo, Luma Ray3, Runway Gen-4.5, and 8 other tools. Covers free vs paid tools, prompt writing (motion-only), camera control, and face stability. Use when user asks to animate an image, create AI video, or convert photo to video.
89mac-control
MCP server for AI-powered macOS control — apps, display, audio, files, screenshots, clipboard
58gmaps-leads
Scrape Google Maps for B2B leads with deep website enrichment and contact extraction. Use when user asks to find local businesses, scrape Google Maps, generate contractor lists, or build local service business databases.
42excalidraw-visuals
Use when someone asks for a hand-drawn visual, PNG image, rendered diagram, visual explanation, or says "excalidraw image" or "excalidraw visual". This generates PNG images, not editable files.
34video-edit
Complete video editing toolkit - silence removal, auto-captions, vertical crop, YouTube clipping, 3D transitions, and social media compression. Use when user asks to edit video, remove silences, add captions/subtitles, crop to vertical/shorts, download YouTube clips, compress video, or create video teasers.
29design-website
Generate a premium mockup website for a prospect using the buildinamsterdam.com template style. Use when user asks to design a website, create a mockup, or build a prospect website.
27