Remotion Agent Skills
Official Remotion skills for making videos in React: compositions, animation, captions, maps and rendering
- 5,855 ★ on the repository
- Last commit
Minimal access
Why this level
- Skills are instructions and best practices
- The studio and render skills run Remotion commands in your project
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/remotion-agent-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- Skills are instructions and best practices
- The studio and render skills run Remotion commands in your project
This is third-party code. Review the repository files before installing.
What it does
The Remotion team maintains skills with best practices for Remotion projects. remotion-create scaffolds a project or composition, remotion-markup covers animation, layout, fonts, audio and timing, remotion-studio opens the preview, and remotion-render renders a video or still. Further skills cover maps, captions, SaaS architecture on Remotion, documentation lookup, package upgrades and media handling with Mediabunny.
Who it is for. Developers and content creators who build videos programmatically with React.
Good fit when
- You need a promo video or animated title card quickly
- You are adding captions to a video
- You want to animate a route on a map
- You are upgrading Remotion and related packages
Not a fit when
- Traditional non-code video editing
- Projects that do not use Remotion
Example request
/remotion-create Make a promo video for a record storeLimitations
The skills target Remotion projects and do not replace the docs on licensing or cloud rendering. If unsure which skill to use, start with remotion-best-practices, which covers the others.
How to disable. Remove the installed remotion-* skill folders from your agent's skills directory.
FAQ
Can I get the skills when creating a project?
Yes, bun create video offers to add the skills when you create a new Remotion project.
Discussion
No questions or reviews yet.
Related
SkillsA skill and Remotion pipeline: the agent studies your product and builds a demo video in React code, with no screen recording
A Claude Code and Codex skill that turns a topic into a narrated motion-graphics explainer video on Remotion with subtitles and chapters
Claude Remotion Skill
claude-remotion-skill
Teaches Claude Code, Claude Desktop and other agents to make video on Remotion, that is on React code. Check the Remotion license terms yourself
A skill that turns a coding agent into a studio for voiceover explainer videos: word-level sync, a motion library and Remotion assembly
A skill that makes your agent film a short product video: concept, edit, sound and render on Remotion or HyperFrames
A skill for Claude Code and Codex that builds cinematic product videos with Remotion from shot recipe cards, a ready template and audio assets
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| Remotion Agent Skills (this entry) | no | 5,855 | ||
| Concat | yes | not required | 12,524 | an MCP server for video editing built into the free Concat editor |
| Agentic Product Demo | no | 477 | a skill and Remotion pipeline | |
| Showtime | no | 306 | a local video studio for your coding agent |
README in short
Remotion publishes Agent Skills for Claude Code, Codex, Kimi Code and Cursor. Install via npx skills add or when creating a new project. The README lists each skill with its purpose and example prompts: create, markup, studio, render, maps, captions, SaaS, interactivity, docs, upgrade and multimedia. Details are in the Remotion AI skills documentation.
README badge
Original SKILL.md
--- name: remotion-best-practices description: Router for all Remotion skills version: 4.0.524 --- ## Preserve user changes Users may make edits in the code outside of the conversation. If you detect a surprising change made in the meanwhile, don't overwrite it, assume it was intentional or ask for confirmation. ## Creating a video If the user asks to make, create, or build a new video or composition, load [Create a new Remotion video](./remotion-create/REFERENCE.md), whether or not a Remotion project already exists. ## New project setup If no Remotion project currently exists, load [Create a new Remotion project](./remotion-create/REFERENCE.md) ## React Markup Best Practices If you are writing Remotion React Markup, load [Remotion Markup Best Practices](./remotion-markup/REFERENCE.md) ## Maps For static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load [Remotion Maps](./remotion-maps/REFERENCE.md). ## Multimedia For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load [Remotion Multimedia](./remotion-multimedia/REFERENCE.md) ## Improving Interactivity By structuring the Remotion markup well, we can allow users to interactively change things in the Studio and write back to code. If relevant: [Interactivity Best Practices](./remotion-interactivity/REFERENCE.md) ## Rendering For advanced rendering beyond simple `npx remotion render`, see: [Rendering Best Practices](./remotion-render/REFERENCE.md) ## Opening Remotion Studio To launch a project in Remotion Studio, open its exact local URL, or configure Studio CLI flags, load [Remotion Studio](./remotion-studio/REFERENCE.md). ## Captions When working with Captions, load [Remotion Captions](./remotion-captions/REFERENCE.md). ## Creating a SaaS, automation or application Use the [Remotion SaaS skill](./remotion-saas/REFERENCE.md) for knowledge about Remotion-powered SaaS apps, such as `<Player>`, rendering on Lambda, Vercel, Cloudflare, via Express.js, client-side rendering, or for finding the right SaaS template. ## Looking up Remotion APIs and documentation To find and read current Remotion documentation, load [Remotion Docs](./remotion-docs/REFERENCE.md). ## Upgrading To upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills, load [Remotion Upgrade](./remotion-upgrade/REFERENCE.md).