| name | remotion |
| description | Use when creating programmatic videos, animated explainers, or visual compositions with Remotion. |
Remotion Video Creator
Create videos using Remotion — React components rendered as video frames. Orchestrates a multi-phase pipeline from concept to verified MP4.
Prerequisites
Node.js >= 18 and npm >= 9 on PATH; headless Chromium is bundled with @remotion/cli.
For project structure and full reference index, see project-layout.md.
Quick Start
User: Create a 30-second explainer video about how DNS works
The skill runs a 5-phase pipeline: storyboard the concept, generate voiceover audio, build React scenes in parallel, evaluate quality via stills, and verify against the storyboard. Each phase gates the next.
Pipeline
Each phase has a reference with full instructions — read it when you reach that phase.
| Phase | Name | Reference | Gate |
|---|
| 0 (opt) | Analyze | analyze.md | .storyboard.md exists |
| 1 | Storyboard | storyboard.md | User approves docs/STORYBOARD.md |
| 2 | Audio | audio.md | public/vo-beat*.mp3 + src/timing.ts exist |
| 3 | Build | build.md | All scenes render and pass visual inspection |
| 4 | Eval | eval.md | All scenes score >= 7.0 |
| 5 | Verify | verify.md | User approves docs/VERIFICATION_REPORT.md |
References
