# 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.

- Skill: `mhassan0000/pan-3d-transition` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add mhassan0000/pan-3d-transition`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mhassan0000/pan-3d-transition/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: MHassan0000 (https://skillmd.com/u/mhassan0000)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/mhassan0000/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

```bash
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
```bash
cd video_effects && npm install
```

## Output
Video with swivel teaser inserted at specified position.