remotion
Catalogue stub — full package: remotion-dev/skills
Note: Upstream restructured the single remotion skill into a package of focused
sub-skills — remotion-best-practices, remotion-create, remotion-render,
remotion-captions, remotion-docs, remotion-interactivity, remotion-markup,
remotion-saas, remotion-upgrade, plus mediabunny. Install the package to get them all.
Decision tree
Is the package already installed?
Check: your agent's skills directory contains the remotion-* skills with content beyond this stub.
- Yes → invoke the relevant
remotion-* skill and proceed
- No → go to step 2
Which agent are you on?
- Claude Code →
npx skills add remotion-dev/skills — or send ! npx skills add … as a chat message (add -g for global, omit for project-only)
- Cursor →
npx skills add remotion-dev/skills
- Other →
npx skills add remotion-dev/skills or see GitHub README
Install command
npx skills add remotion-dev/skills
Installs all Remotion sub-skills. To install just one, append its name, e.g.
npx skills add remotion-dev/skills --skill remotion-best-practices.
Invoke after install
- Skill names:
remotion-best-practices, remotion-create, remotion-render, remotion-captions, remotion-docs, remotion-interactivity, remotion-markup, remotion-saas, remotion-upgrade, mediabunny
- Trigger phrases: "remotion", "programmatic video", "React video", "animated video", "render video"
What it does
Official Remotion skill package for creating programmatic videos with React. Compose video sequences as React components, animate with spring physics and interpolation, and render to MP4, WebM, or GIF. Sub-skills cover best practices, scaffolding new projects (remotion-create), rendering (remotion-render), captions, interactivity, markup, SaaS integration, and version upgrades. Best for product demos, data-driven visualizations, and explainer animations that require code-controlled precision.
When NOT to use
- Simple CSS/JS animation without video export (use
gsap-skills or framer-motion-skills)
- Non-React video pipelines (use
hyperframes for HTML-to-video)
1---
2name: remotion
3description: |
4 Create programmatic videos with React. Official Remotion skill package — compose video
5 sequences using React components, animate with spring physics, and render to
6 MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
7triggers:
8 - "remotion"
9 - "programmatic video"
10 - "React video"
11 - "video with React"
12 - "animated video"
13 - "render video"
14das:
15 type: package
16 category: creative-3d
17 upstream: "https://github.com/remotion-dev/skills"
18 version: latest
19 install: false
20---
21
22# remotion
23
24> Catalogue stub — full package: [remotion-dev/skills](https://github.com/remotion-dev/skills)
25
26> **Note:** Upstream restructured the single `remotion` skill into a package of focused
27> sub-skills — `remotion-best-practices`, `remotion-create`, `remotion-render`,
28> `remotion-captions`, `remotion-docs`, `remotion-interactivity`, `remotion-markup`,
29> `remotion-saas`, `remotion-upgrade`, plus `mediabunny`. Install the package to get them all.
30
31## Decision tree
32
331. **Is the package already installed?**
34 Check: your agent's skills directory contains the `remotion-*` skills with content beyond this stub.
35 - Yes → invoke the relevant `remotion-*` skill and proceed
36 - No → go to step 2
37
382. **Which agent are you on?**
39 - Claude Code → `npx skills add remotion-dev/skills` — or send `! npx skills add …` as a chat message (add `-g` for global, omit for project-only)
40 - Cursor → `npx skills add remotion-dev/skills`
41 - Other → `npx skills add remotion-dev/skills` or see [GitHub README](https://github.com/remotion-dev/skills)
42
43## Install command
44
45```bash
46npx skills add remotion-dev/skills
47```
48
49> Installs all Remotion sub-skills. To install just one, append its name, e.g.
50> `npx skills add remotion-dev/skills --skill remotion-best-practices`.
51
52## Invoke after install
53
54- Skill names: `remotion-best-practices`, `remotion-create`, `remotion-render`, `remotion-captions`, `remotion-docs`, `remotion-interactivity`, `remotion-markup`, `remotion-saas`, `remotion-upgrade`, `mediabunny`
55- Trigger phrases: "remotion", "programmatic video", "React video", "animated video", "render video"
56
57## What it does
58
59Official Remotion skill package for creating programmatic videos with React. Compose video sequences as React components, animate with spring physics and interpolation, and render to MP4, WebM, or GIF. Sub-skills cover best practices, scaffolding new projects (`remotion-create`), rendering (`remotion-render`), captions, interactivity, markup, SaaS integration, and version upgrades. Best for product demos, data-driven visualizations, and explainer animations that require code-controlled precision.
60
61## When NOT to use
62
63- Simple CSS/JS animation without video export (use `gsap-skills` or `framer-motion-skills`)
64- Non-React video pipelines (use `hyperframes` for HTML-to-video)
podo