← All skills
remotion-video
80 / 100 · Low risk
Fine to try.
By iart-ai/motion-design-skills (GitHub) · media · 226 stars · scanned at commit b85e50c
This skill should be used when the user asks to "make a video with Remotion", "create a programmatic/data-driven video in React", "render an MP4/GIF from code", "animate with useCurrentFrame/interpolate/spring", "sync video to audio/beats", or "render a templated video per record headlessly". Covers building React compositions and rendering them via CLI or @remotion/renderer.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 18 places.
Show 15 more
- skills/remotion-video/SKILL.md, line 147
npx remotion still Promo out/f-start.png --frame=0 - skills/remotion-video/SKILL.md, line 148
npx remotion still Promo out/f-mid.png --frame=75 - skills/remotion-video/SKILL.md, line 149
npx remotion still Promo out/f-end.png --frame=149 # last frame = durationInFrames - 1 - skills/remotion-video/SKILL.md, line 157
npx remotion render Promo out/promo.mp4 --props='{"title":"Launch"}' - skills/remotion-video/SKILL.md, line 160
- Use `npx remotion compositions` to read each composition's `durationInFrames`/`fps` and pick the end frame. - skills/remotion-video/SKILL.md, line 162
- **README demo GIF for free**: `npx remotion render Promo out/demo.gif --codec=gif` produces the first-screen proof clip (Direction D). - skills/remotion-video/SKILL.md, line 165
1. `npx remotion still` renders cleanly at frame 0, mid, and last — no errors, no missing assets/fonts. - skills/remotion-video/SKILL.md, line 183
| CI render | `npx remotion render` or `@remotion/renderer` | - skills/remotion-video/references/api-and-patterns.md, line 133
npx remotion render DataPromo out.mp4 --props='{"title":"Q3"}' - skills/remotion-video/references/api-and-patterns.md, line 136
npx remotion render DataPromo out/$ID.mp4 --props=./data/$ID.json - skills/remotion-video/references/api-and-patterns.md, line 139
npx remotion render Promo out.mp4 --codec=h264 --crf=18 --jpeg-quality=90 - skills/remotion-video/references/api-and-patterns.md, line 140
npx remotion render Promo out.webm --codec=vp8 - skills/remotion-video/references/api-and-patterns.md, line 141
npx remotion render Promo still.png --frame=45 # single still - skills/remotion-video/references/api-and-patterns.md, line 142
npx remotion render Promo out.gif --codec=gif --every-nth-frame=2 - skills/remotion-video/references/api-and-patterns.md, line 145
npx remotion render Promo out.mp4 --concurrency=4 --scale=2
Runs commands on your computer
The author does not mention this.
Found in 2 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'remotion-video' ] || [ -L ~/.agents/skills/'remotion-video' ]; then echo 'A skill folder named remotion-video already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/iart-ai/motion-design-skills' "$d" && git -C "$d" checkout --quiet 'b85e50c4cef5ff17aa2187a10d49d2dae9226c74' -- 'skills/remotion-video' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/remotion-video' ~/.agents/skills/'remotion-video' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'remotion-video' ~/.claude/skills/'remotion-video' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for iart-ai/motion-design-skills shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/iart-ai/motion-design-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | b85e50c | 80 |