VerifiedPlugin
Content
remotion
🎥 Make videos programmatically with React
12 skills
@remotion-devDevelopment
Plugin
remotion-dev-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.
Plugin Signal72/100Solid
maintained99
capable53
documented50
adopted77
Install
$ npx -y skills add remotion-dev/skills --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
4,255
Stars
490
Forks
Active
Maintenance
TypeScript
Language
3d ago
Last commit
6mo ago
Created
Repo: remotion-dev/skills
What's inside
Skills
12/remotion-best-practicesRouter for all Remotion skills/remotion-captionsTranscribing, displaying and animating captions/remotion-createCreate a new Remotion video/remotion-docsSearch Remotion documentation/remotion-interactivityStructure Remotion markup for interactivity/remotion-mapsRemotion Map animation knowledge
Show all 12 skillsShow fewer
README
1Remotion 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 an animated bar chart with 5 bars
/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.
File tree
279remotion-dev/skillsView on GitHub
package.json
README.md
scripts/
prepare-embedded-skills.ts
sync-agent-skills.ts
sync-embedded-skills.ts
sync-readme.ts
validate-links.ts
skills/
remotion-best-practices/
agents/
openai.yaml
assets/
remotion-icon.png
remotion-captions/
agents/
openai.yaml
assets/
remotion-icon.png
display-captions.md
import-srt-captions.md
REFERENCE.md
transcribe-captions.md
remotion-create/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
tailwind.md
video-layout.md
remotion-docs/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
remotion-interactivity/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
remotion-maps/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
techniques/
cesium/
assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
scripts/
prep-cesium-path.mjs
TECHNIQUE.md
mapbox/
references/
render-stability.md
TECHNIQUE.md
maplibre/
references/
render-stability.md
TECHNIQUE.md
maptiler/
assets/
CountryLabel.tsx
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
sample-data/
country-meta.json
yarlung-flow.json
tokens.ts
references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
scripts/
prep-geo.mjs
TECHNIQUE.md
static-map/
TECHNIQUE.md
remotion-markup/
3d.md
agents/
openai.yaml
assets/
remotion-icon.png
audio-visualization.md
audio.md
calculate-metadata.md
compositions.md
cropping.md
effects.md
embedding-videos.md
ffmpeg.md
gifs.md
google-fonts.md
html-in-canvas.md
images.md
light-leaks.md
local-fonts.md
lottie.md
measuring-dom-nodes.md
measuring-text.md
multi-scene-video.md
parameters.md
REFERENCE.md
remotion-maps/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
techniques/
cesium/
assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
scripts/
prep-cesium-path.mjs
TECHNIQUE.md
mapbox/
references/
render-stability.md
TECHNIQUE.md
maplibre/
references/
render-stability.md
TECHNIQUE.md
maptiler/
assets/
CountryLabel.tsx
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
sample-data/
country-meta.json
yarlung-flow.json
tokens.ts
references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
scripts/
prep-geo.mjs
TECHNIQUE.md
static-map/
TECHNIQUE.md
sequencing.md
sfx.md
silence-detection.md
text-highlights.md
timing.md
transitions.md
video-editing.md
voiceover.md
remotion-multimedia/
agents/
openai.yaml
assets/
remotion-icon.png
get-audio-duration.md
get-video-dimensions.md
get-video-duration.md
REFERENCE.md
remotion-render/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
transparent-videos.md
remotion-saas/
agents/
openai.yaml
assets/
remotion-icon.png
framework.md
player.md
REFERENCE.md
rendering.md
remotion-studio/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
remotion-upgrade/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
SKILL.md
remotion-captions/
agents/
openai.yaml
assets/
remotion-icon.png
display-captions.md
import-srt-captions.md
SKILL.md
transcribe-captions.md
remotion-create/
agents/
openai.yaml
assets/
remotion-icon.png
SKILL.md
tailwind.md
video-layout.md
remotion-docs/
agents/
openai.yaml
assets/
remotion-icon.png
SKILL.md
remotion-interactivity/
agents/
openai.yaml
assets/
remotion-icon.png
SKILL.md
remotion-maps/
agents/
openai.yaml
assets/
remotion-icon.png
SKILL.md
techniques/
cesium/
assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
scripts/
prep-cesium-path.mjs
TECHNIQUE.md
mapbox/
references/
render-stability.md
TECHNIQUE.md
maplibre/
references/
render-stability.md
TECHNIQUE.md
maptiler/
assets/
CountryLabel.tsx
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
sample-data/
country-meta.json
yarlung-flow.json
tokens.ts
references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
scripts/
prep-geo.mjs
TECHNIQUE.md
static-map/
TECHNIQUE.md
remotion-markup/
3d.md
agents/
openai.yaml
assets/
remotion-icon.png
audio-visualization.md
audio.md
calculate-metadata.md
compositions.md
cropping.md
effects.md
embedding-videos.md
ffmpeg.md
gifs.md
google-fonts.md
html-in-canvas.md
images.md
light-leaks.md
local-fonts.md
lottie.md
measuring-dom-nodes.md
measuring-text.md
multi-scene-video.md
parameters.md
remotion-maps/
agents/
openai.yaml
assets/
remotion-icon.png
REFERENCE.md
techniques/
cesium/
assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
scripts/
prep-cesium-path.mjs
TECHNIQUE.md
mapbox/
references/
render-stability.md
TECHNIQUE.md
maplibre/
references/
render-stability.md
TECHNIQUE.md
maptiler/
assets/
CountryLabel.tsx
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
sample-data/
country-meta.json
yarlung-flow.json
tokens.ts
references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
scripts/
prep-geo.mjs
TECHNIQUE.md
static-map/
TECHNIQUE.md
sequencing.md
sfx.md
silence-detection.md
SKILL.md
text-highlights.md
timing.md
transitions.md
video-editing.md
voiceover.md
remotion-multimedia/
agents/
openai.yaml
assets/
remotion-icon.png
get-audio-duration.md
get-video-dimensions.md
get-video-duration.md
SKILL.md
remotion-render/
agents/
openai.yaml
assets/
remotion-icon.png
SKILL.md
transparent-videos.md
remotion-saas/
agents/
openai.yaml
assets/
remotion-icon.png
framework.md
... 16 moreMore Flows by @remotion-dev.
@remotion-devFAQ
remotion-dev-skills is a Claude Code plugin with 12 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes remotion-best-practices, remotion-captions, remotion-create. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is remotion-dev-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.
- How do I install remotion-dev-skills?
- Run these in Claude Code: npx -y skills add remotion-dev/skills --agent claude-code. Then prompt normally.
- Does remotion-dev-skills auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is remotion-dev-skills free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.