| 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 must be available on PATH. Verify with
node --version and npm --version before starting.
- Remotion requires a Chromium-capable environment for renders; headless Chromium is bundled when you install
@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
- Pipeline: storyboard, audio, build, eval, verify
- Design: design system, color script, motion rules, backgrounds, diagrams
- Components: core, extended, TerminalScene (real CLI recordings), terminal_recording scene type (storyboard ↔ recorder integration), scene templates, patterns
- Animation: vocabulary, hooks, transitions, audio sync
- Content: audio/voiceover, narrative, marketing, visualization
- Templates: beat sheet, storyboard, timing, verification, CLAUDE.md
- Other: project layout, error recovery, analyze, output format