skills

Remotion Agent Skills is a collection of executable skills designed to assist AI agents, such as Claude Code, Codex, Kimi Code, and Cursor, in developing video projects using Remotion, a React-based video creation framework. These skills provide structured guidance and best practices for various stages of the development lifecycle, ensuring efficient and high-quality video generation. The repository includes the following skills: - `/remotion-best-practices`: An umbrella skill that covers all other Remotion skills. - `/remotion-create`: Helps create new Remotion projects or compositions. - `/remotion-markup`: Offers best practices for writing Remotion React markup, covering layout, animations, typography, audio, and media elements. - `/remotion-studio`: Guides agents on launching the Remotion Studio for live previews. - `/remotion-render`: Assists in invoking renders to output videos or still images. - `/remotion-maps`: Provides guidance for creating map animations, including static maps, animated routes, and 3D flyovers using Mapbox, MapLibre, MapTiler, GeoJSON, and CesiumJS. - `/remotion-captions`: Provides guidance for adding captions and subtitles. - `/remotion-saas`: Offers architectural guidance for building SaaS applications and product integrations powered by Remotion. - `/remotion-interactivity`: Helps make Remotion code interactive and editable within the Studio. - `/remotion-docs`: Allows searching the official Remotion documentation and fetching pages as Markdown. - `/remotion-upgrade`: Guides the process of upgrading Remotion and its compatible packages. - `/remotion-multimedia`: Offers guidance on handling browser-based multimedia using the Mediabunny library. To use these skills, AI agents can install them globally or per-project using the `npx skills add remotion-dev/skills` command, or they can be integrated when creating a new project via `bun create video`.