remotion
Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
Open source Repository Open in the app JSON README (API)
About
Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
Details
- Kind
- Agent skills
- Topic
- No topic detected
- Publisher
- aitmpl
- Origin
- directory
- Category
- ferramentas
- Stars
- 4,487
- Forks
- 506
- Open pull requests
- 11
- Last push
- 2026-09-01T10:16:01Z
- Repository state
- ativo
- Language
- TypeScript
- Added
- 2026-08-30 12:46:05
- Updated
- 2026-09-07 14:37:22
- Origin id
aitmpl/video/remotion
README
<!-- This file is generated by packages/skills/scripts/sync-readme.ts. --> # Remotion Agent Skills Remotion maintains a list of [Agent Skills](https://agentskills.io/home) 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: ```bash npx skills add remotion-dev/skills ``` You are also offered the option to add skills when you create a new Remotion project: ```bash bun create video ``` For more information, see the [Remotion Agent Skills documentation](https://www.remotion.dev/docs/ai/skills). ## 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](https://www.remotion.dev/docs/studio/interactivity) 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.