Remotion Dev Skills

Add a new expert to the Remotion experts page

Add a new sound effect to @remotion/sfx

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

Automate pull request creation with formatted commits and branch management. Ensures you're not on the main branch, creating a feature branch if needed Runs Oxfmt code formatting across all affected packages before committing Formats commits and PR titles using package name from package.json (e.g., " @remotion/shapes : Add heart shape") Uses the gh CLI to open the pull request automatically after pushing changes

Correct naming for a PR

Best practices for Remotion - Video creation in React

Best practices for Remotion - Video creation in React

Domain-specific knowledge base for building videos with Remotion and React. Covers 30+ rule files spanning animations, audio, assets, 3D content, charts, text, transitions, and composition management Includes specialized guidance for captions, FFmpeg operations, audio visualization, and sound effects integration Provides patterns for dynamic metadata calculation, media inspection (duration, dimensions, frame extraction), and parametrizable compositions Supports advanced features like Lottie...

Generate a report about a video

Visual snapshot testing for web renderer components using vitest fixtures. Create test fixtures in packages/web-renderer/src/test/fixtures that define a React component, dimensions, frame rate, and duration Register fixtures in packages/web-renderer/src/test/Root.tsx to enable preview functionality Write test cases that render stills using renderStillOnWeb() and validate output with testImage() snapshot comparison Run tests with bunx vitest src/test/video.test.tsx and update documentation in...

Guidelines and templates for writing Remotion API documentation in MDX format. Create one .mdx file per API in packages/docs/docs , add it to sidebars.ts , and run bun render-cards.ts to generate social preview cards Use ### headings for API properties (not bullet points), add ? suffix for optional parameters, and include default values naturally in descriptions Prefer type-safe code snippets with twoslash validation; use // ---cut--- to hide imports and always add title attributes to...