skills README

The project's README from github.com/remotion-dev/skills. As one markdown file: README.md.

Remotion Agent Skills

Remotion maintains a list of Agent Skills that define best practices for working in Remotion projects.

These skills are useful for AI agents like Claude Code, Codex, Kimi Code or Cursor.

You can install them by running:

npx skills add remotion-dev/skills

You are also offered the option to add skills when you create a new Remotion project:

bun create video

For more information, see the Remotion Agent Skills documentation.

Available skills

/remotion-best-practices

This skill encompasses all other skills.

Use it if you are not sure which specific skill to use.

/remotion-create

Create a new Remotion project or composition.

Example prompt: /remotion-create Make a promo video for a record store

/remotion-markup

Best practices for writing Remotion React markup.

Use this for knowledge about compositions, animations, layout, typography, media elements, effects, audio, fonts, timing.

Example prompt: /remotion-markup Create an animated title card using Inter.

/remotion-studio

Launch the Studio to see a preview of your video.

Example prompt: /remotion-studio

/remotion-render

Invoke a render into a video or a still.

Example prompt: /remotion-render

/remotion-maps

Best practices for creating map animations in Remotion.

Use this for static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, and 3D geographic flyovers with CesiumJS.

Example prompt: /remotion-maps Animate a route from Los Angeles to New York and make the camera follow it.

/remotion-captions

Guidance for captions and subtitles.

/remotion-saas

Architecture guidance for Remotion-powered apps and product integrations.

Example prompt: /remotion-saas Turn my video into a SaaS.

/remotion-interactivity

Guidance for making Remotion code editable in Studio.

Use this when elements are not selectable or editable as you would like them to be.

/remotion-docs

Search the Remotion documentation and fetch any page as Markdown.

Use this to look up current API references, component props, and package guides before implementing.

Example prompt: /remotion-docs How to set up Remotion Lambda?

/remotion-upgrade

Upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills.

Example prompt: /remotion-upgrade

/remotion-multimedia

Guidance for browser-based multimedia handling with Mediabunny.

Use this for advice on how to get video and audio metadata.

skills (remotion-dev/skills)

Searching Database…

5.2K ·GitHub
Skills
What is this?Remotion Agent Skills is a collection of Agent Skills that teach AI coding agents (like Claude Code, Codex, or Cursor) the best practices for building video projects with the Remotion framework.
Is this an app, or instructions for AI agents?It is not a standalone app — it is a set of skill files that AI coding agents load as slash-commands (like /remotion-create or /remotion-render) to follow Remotion-specific best practices.
How do I add these skills to a project?You can install them by running the install command from the README, or simply choose to add skills when scaffolding a new Remotion project.
Which coding agents can use these skills?The skills are designed for Claude Code, Codex, Kimi Code, and Cursor.
With so many skills, how does the agent know which to use?If the agent is unsure which specific skill applies, it should fall back on /remotion-best-practices, which encompasses all the other skills.
What does the /remotion-maps skill cover?It gives best practices for static maps, animated routes and markers, geographic explainers using Mapbox, MapLibre, MapTiler, GeoJSON, and 3D flyovers with CesiumJS.
Can an agent look up Remotion API docs directly?Yes, /remotion-docs lets the agent search the Remotion documentation and fetch any page as Markdown to check current API references before implementing code.
How do I keep the skills themselves up to date?Run /remotion-upgrade, which upgrades Remotion, related packages, compatible Mediabunny packages, and the installed Agent Skills together.
Is there a skill for turning a Remotion video into a product?Yes, /remotion-saas gives architecture guidance for building Remotion-powered apps and SaaS product integrations.
What are similar projects?oil-ui, herk-edit-kit, answer-me-with-html, guizang-product-video-skill, skills, open-steps, brag, hypit
Which topics is it in?slash-commands, ai-coding-agent, maps, claude-skill, video-editing, agent-skill, best-practices, coding-agents, claude-skills, video-generation, skill, cursor
Creator
remotion-dev
Size
0.6 MB
Stars
5.2K
Updated
CommitOct 16
Age
8mo
Commits · 90 Days