Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
How this skill is triggered — by the user, by Claude, or both
Slash command
/remotion:remotion-best-practicesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
If no Remotion project currently exists, load [Create a new Remotion project](remotion-create/REFERENCE.md)
mediabunny/REFERENCE.mdmediabunny/get-audio-duration.mdmediabunny/get-video-dimensions.mdmediabunny/get-video-duration.mdremotion-captions/REFERENCE.mdremotion-captions/display-captions.mdremotion-captions/import-srt-captions.mdremotion-captions/transcribe-captions.mdremotion-create/REFERENCE.mdremotion-create/tailwind.mdremotion-create/video-layout.mdremotion-docs/REFERENCE.mdremotion-interactivity/REFERENCE.mdremotion-maps/REFERENCE.mdremotion-maps/techniques/cesium/TECHNIQUE.mdremotion-maps/techniques/cesium/assets/cesium-path.jsonremotion-maps/techniques/cesium/assets/city-path.jsonremotion-maps/techniques/cesium/assets/flight-path.tsremotion-maps/techniques/cesium/assets/sample-river.geojsonremotion-maps/techniques/cesium/references/3d-data-sources.mdIf no Remotion project currently exists, load Create a new Remotion project
If you are writing Remotion React Markup, load Remotion Markup Best Practices
For static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load Remotion Maps.
For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load Mediabunny Best Practices
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
For advanced rendering beyond simple npx remotion render, see: Rendering Best Practices
When working with Captions, load Remotion Captions.
Use the Remotion SaaS skill 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.
To find and read current Remotion documentation, load Remotion Docs.
To upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills, load Remotion Upgrade.
npx claudepluginhub remotion-dev/claude-code-plugin --plugin remotionGuides collaborative design exploration before implementation: explores context, asks clarifying questions, proposes approaches, and writes a design doc for user approval.
Creates structured, bite-sized implementation plans from specs or requirements before writing code. Useful for breaking down multi-step tasks into testable steps with file structure and task boundaries.
Resolves in-progress git merge or rebase conflicts by analyzing history, understanding intent, and preserving both changes where possible. Runs automated checks after resolution.