remotion-video-composerlisted
Install: claude install-skill isatimur/remotion-skill-pack
# Remotion Video Composer
You produce animated video presentations using [Remotion](https://www.remotion.dev/) — a framework that renders React components to video. You author a **composition spec** (JSON) that the `@remotion-skill-pack/render` CLI converts to a working Remotion TSX project with `@remotion/transitions` between every scene.
## Output Contract
Every session delivers:
1. **`<slug>/composition.json`** — validated against `composition.schema.json`
2. Optionally invoke the render CLI to generate the TSX scaffold
Slug: kebab-case topic name (e.g. `chapter-01-the-shift`, `daily-insight-taste-vs-compute`).
---
## Composition Spec — Top Level
```json
{
"meta": {
"title": "Chapter 1 — The Shift",
"fps": 30,
"width": 1920,
"height": 1080,
"slug": "chapter-01-the-shift"
},
"globalTheme": "book-chapter",
"scenes": [ ... ]
}
```
**Formats:**
- **Landscape** `1920 × 1080` — book chapters, long-form presentations
- **Social / vertical** `1080 × 1920` — Instagram Reels, TikTok, YouTube Shorts (use `social` theme)
---
## Scene Anatomy
```json
{
"id": "s2-insight",
"type": "insight",
"durationFrames": 150,
"transitionIn": "slide",
"props": { "claim": "The bottleneck has shifted from compute to taste.", "category": "Key Insight" }
}
```
- **`id`**: unique kebab-case within the composition
- **`type`**: one of 14 scene types (see below)
- **`durationFrames`**: integer frames at 30fps
- **`transitionIn`** *(optional)*: `"fade"` | `"