Remotion Skills: Make Videos in React with Claude
Remotion's official agent skills teach Claude to create, preview and render React videos: compositions, captions, maps, Studio and upgrades. Install and usage.
By Claudekit Team Published 1 min read
- Category
- Media
- Source
- github.com
- Repository
- github.com
- GitHub stars
- 5,583
Install
npx skills add remotion-dev/skillsRemotion Skills are official Agent Skills from the Remotion team that define best practices for working in Remotion projects, the framework for making videos programmatically with React. They help Claude Code, Codex, Cursor and other agents write correct compositions, animations and render commands instead of guessing at the API.
Who it is for
Developers and marketers making programmatic videos: product promos, data-driven explainers, social clips and captioned content, who want Claude to produce working Remotion code on the first try.
What it covers
Skills are invocable as slash commands:
/remotion-best-practices: the umbrella skill that includes the others./remotion-create: create a new project or composition./remotion-markup: compositions, animation, layout, typography, media, effects, audio, fonts and timing./remotion-studioand/remotion-render: preview in Studio and render videos or stills./remotion-maps: animated routes, markers and 3D flyovers with Mapbox, MapLibre or CesiumJS./remotion-captions,/remotion-interactivity,/remotion-saas,/remotion-docs,/remotion-upgradeand more.
Install
npx skills add remotion-dev/skillsOr accept the skills when scaffolding with bun create video. See the Remotion skills docs.
Example prompts
/remotion-create Make a promo video for a record store
/remotion-maps Animate a route from Los Angeles to New York with a following camera
Add burned-in captions to this composition from the SRT file
/remotion-renderTips and limits
- Rendering is CPU-heavy; render short previews or stills while iterating.
- Use
/remotion-docsto pull current API references before big changes. - Check Remotion’s licensing for company use; the skills repo itself has no top-level license file.
Related: algorithmic-art, best Claude Code skills, skills guide.
Frequently asked questions
Which Remotion skill should I start with?
remotion-best-practices. It encompasses the other skills, so use it when you are unsure which specific skill applies.
Can I get the skills when creating a project?
Yes. bun create video offers to add the skills when you scaffold a new Remotion project.
Is Remotion free to use?
Remotion has its own license with free use for individuals and small teams and a company license for larger organizations; check remotion.dev before commercial use.