Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

remotion-upgrade — Claude Code skill: what it does, how to install

Upgrades Remotion and related dependencies to the latest stable release. It keeps package versions synchronized and updates project skills automatically.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add remotion-dev/skills --skill remotion-upgrade -a claude-code
Open on GitHub

What remotion-upgrade does

The skill inspects project manifests and lockfiles to determine the package manager and workspace structure. When @remotion/cli is present locally, the agent runs npx remotion upgrade. That command updates both dependencies and project-local Remotion skills.

Without the local CLI, the agent switches to a manual workflow. It fetches the latest stable release via npm view remotion version and pins all remotion and @remotion/* packages to that version. It also aligns auxiliary dependencies such as zod and mediabunny with @remotion/studio. The agent then updates installed Remotion skills using npx skills update.

A final check inspects manifest diffs and runs npx remotion versions when available. This skill is worth installing if you maintain Remotion projects and want consistent package versions across workspaces.

What it helps with

  • upgrade all remotion and @remotion/* packages to a matching version
  • align auxiliary dependencies like zod and mediabunny with @remotion/studio
  • refresh installed Remotion skills using npx skills update
  • verify dependency consistency across manifests and lockfiles

Example prompts for the agent

  • Upgrade Remotion to the latest version in this repo
  • Update all @remotion packages and align auxiliary dependencies

How to install remotion-upgrade

1Skills CLI (Vercel)

npx skills add remotion-dev/skills --skill remotion-upgrade -a claude-code

2Manually: put the files in place

~/.claude/skills/remotion-upgrade/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/remotion-upgrade/

From the same set8

The whole set →
remotion-best-practices remotion-dev Routes Remotion tasks to focused guidance for video creation, React markup, maps, multimedia, previews, and rendering. Claude Code CX Codex Cursor +1 678,800installs remotion-create remotion-dev This skill creates a new Remotion project and prepares a video composition. Use it when an agent needs to build video with React markup. Claude Code CX Codex Cursor +1 208,800installs remotion-captions remotion-dev A skill for captions in Remotion: transcribe video and audio, render and animate subtitles, import them from .srt. Claude Code CX Codex Cursor +1 206,600installs remotion-markup remotion-dev A skill that tells your agent how to write Remotion React markup: frame-driven animation, media components, effects. Useful when you build video in code. Claude Code CX Codex Cursor +1 202,600installs remotion-interactivity remotion-dev Guides AI coding agents to structure Remotion markup for Remotion Studio editing. Useful when building video scenes with customizable text, styles, and timing. Claude Code CX Codex Cursor +1 197,900installs remotion-docs remotion-dev This skill helps an agent find current Remotion documentation and read it as Markdown. Use it before implementing Remotion features or APIs. Claude Code CX Codex Cursor +1 195,200installs remotion-studio remotion-dev This skill starts Remotion Studio and opens a video preview. Use it to inspect a composition and follow changes while working on a video. Claude Code CX Codex Cursor +1 172,100installs

Similar

gsap-core greensock This skill helps write core GSAP animations for DOM and SVG. Use it for tweens, easing, stagger effects, and reduced-motion handling. Claude Code CX Codex Cursor +1 74,600installs stitch::react-components official google-labs-code Turns Stitch designs into modular Vite and React components. Can also sync existing components with updated Stitch designs. Claude Code CX Codex Cursor +1 50,400installs gsap-scrolltrigger greensock Teaches AI agents to build scroll-driven animations with GreenSock ScrollTrigger, including pinned sections and scrub timelines. Claude Code CX Codex Cursor +1 71,600installs gsap-performance greensock An official GSAP performance skill that tells your coding agent which properties to animate and which ones cause jank. Useful when animations stutter. Claude Code CX Codex Cursor +1 68,800installs gsap-timeline greensock This skill helps an agent build GSAP timelines, control timing, and manage playback. Use it for multi-step or parallel animation scenes. Claude Code CX Codex Cursor +1 68,500installs gsap-plugins greensock A skill that walks your agent through GSAP plugin registration and usage: ScrollTo, Flip, Draggable, SplitText and more. Handy when your animations already run on GSAP. Claude Code CX Codex Cursor +1 66,600installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about remotion-upgrade

How do I install remotion-upgrade in Claude Code?

Run npx skills add remotion-dev/skills --skill remotion-upgrade -a claude-code. You can also save the skill file directly into ~/.claude/skills/remotion-upgrade/SKILL.md.

What does remotion-upgrade do?

It finds Remotion dependencies in your project and upgrades them to the latest release. The skill relies on npx remotion upgrade or manually synchronizes workspace packages and installed skills.

What happens if @remotion/cli is not installed locally?

The agent inspects the latest release using npm view, aligns all @remotion/* packages and auxiliary libraries to compatible versions, and executes npx skills update.

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor