Tools

Remotion Agent Skills: get Claude Code to build React videos the right way

TL;DR

Remotion — the library for making videos with React — publishes official Agent Skills for Claude Code, Codex and Cursor. They guide the agent from project setup and animation to captions and rendering, so results follow Remotion conventions.

Selected skills

SkillWhat it does
/remotion-best-practicesUmbrella for all the others
/remotion-createCreate a project or composition
/remotion-markupAnimation, layout, typography, media, audio
/remotion-captionsCaptions and subtitles
/remotion-mapsMaps, routes and geographic explainers
/remotion-renderRender a video or still
/remotion-upgradeUpgrade Remotion and related packages

Install

npx skills add remotion-dev/skills

How to put it to work

  • React developers: reuse existing components for intro videos or data-driven stats videos.
  • Check the licence: Remotion is free for individuals and small teams, but larger companies need a license — read the terms on Remotion’s site before commercial use.
  • Picking a tool: React-fluent team → Remotion; plain HTML and Apache-2.0 → consider HyperFrames.