How do I install the Remotion skill?

Run npx skillmds add podo/remotion in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Remotion safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Remotion?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Remotion free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Remotion?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Remotion by podo — Agent Skill

Name: Remotion
Rating: 4.5 (4 reviews)
Author: podo

Remotion

Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.

podo da2c034 2 files · 3.0 KB Updated Sep 9, 2026

File contents

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)

---name: remotiondescription: Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.--- # remotion > Catalogue stub — full package: [remotion-dev/skills](https://github.com/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 1. **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 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](https://github.com/remotion-dev/skills) ## Install command ```bash 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)

Frequently asked questions