@remotion-dev
Covers backend, testing, and writing, known for remotion-best-practices, web-renderer-test, and writing-docs.
All Skills by @remotion-dev
remotion-best-practices
by @remotion-dev
Provides expertise and best practices in the Remotion code domain, especially when handling captions or subtitles, helping users efficiently develop video content.
remotion-create
by @remotion-dev
This skill quickly scaffolds a new Remotion video project with best practices for markup, interactivity, and styling. It sets up the project structure and guides you through the video creation workflow, saving hours of manual configuration.
remotion-captions
by @remotion-dev
This Skill provides a complete solution for handling captions in Remotion, including generating captions from audio/video, displaying captions, and importing captions from .srt files. It uses a standard JSON format, simplifying time alignment, confidence management, and rendering, enabling developers to quickly integrate high-quality captions into videos.
remotion-markup
by @remotion-dev
Provides best practices for writing Remotion React Markup, covering animation properties, sequence control, media asset referencing, and transitions. Helps developers avoid CSS animation pitfalls, ensure correct rendering of video components, and enable Studio interactive debugging, improving Remotion project development efficiency.
remotion-interactivity
by @remotion-dev
This Skill provides best practices for Remotion animation interactivity, helping developers quickly implement component interactivity while keeping agents editable. Ideal for creating interactive videos in Remotion Studio, improving development efficiency and animation maintainability.
remotion-saas
by @remotion-dev
This skill helps developers build video apps with Remotion, offering Player integration, rendering options (Lambda, Vercel, Node.js, Cloudflare), and framework support (Vue/Angular/Svelte) to quickly create video editing or generation SaaS products.
remotion-docs
by @remotion-dev
Search and fetch Remotion documentation pages, helping developers quickly locate API references, best practices, and configuration guides without manually browsing the website. Uses Algolia search and .md suffix to retrieve Markdown source directly, saving developer time.
remotion-upgrade
by @remotion-dev
This skill upgrades a Remotion project along with its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills in one command. It automatically detects the package manager, checks for local CLI, fetches the latest stable versions, and performs the upgrade while preserving workspace conventions. Ideal for developers who need fast and safe Remotion version upgrades.
remotion-multimedia
by @remotion-dev
This skill provides convenient access to the Mediabunny multimedia library, enabling developers to quickly retrieve audio duration, video dimensions, video duration, and other metadata. It is ideal for handling audio and video files in the browser without manually parsing file formats, boosting multimedia processing efficiency.
remotion-maps
by @remotion-dev
This skill enables efficient map animation in Remotion, supporting various map services (Mapbox, MapLibre, MapTiler, CesiumJS) and static satellite imagery. It is ideal for data visualization, travel videos, and geospatial storytelling, drastically reducing development effort.
remotion-studio
by @remotion-dev
This skill quickly previews a Remotion video project. It runs a command to start the Studio dev server and automatically opens the preview in the browser, eliminating manual port setup and URL discovery. Ideal for animators, video editors, and frontend developers to instantly see changes while editing video code, greatly reducing preview startup time.
mediabunny
by @remotion-dev
This skill uses the Mediabunny library to handle audio and video multimedia files in the browser, supporting operations such as getting audio duration, video dimensions, and video duration. It is ideal for frontend multimedia development, video editing, and audio processing, significantly boosting development efficiency.
web-renderer-test
by @remotion-dev
Performs visual snapshot testing on web renderers using the Vitest framework, ensuring rendering consistency for frontend component regression testing.
writing-docs
by @remotion-dev
Writes Remotion documentation, guiding on how to create new .mdx files and add them to the documentation structure, ensuring document standardization.
video-report
by @remotion-dev
Handle video playback error reports, download videos, update source files, and then run Remotion for processing.
add-sfx
by @remotion-dev
This skill simplifies the complex process of adding new sound effects to the @remotion/sfx library. It guides developers through preparing sound effect files, integrating code, generating documentation, and updating versions. This ensures that sound effects comply with format, licensing, and naming conventions, efficiently expanding the audio resources available for Remotion projects.
docs-demo
by @remotion-dev
Embed interactive component demos in Remotion documentation, supporting real-time preview and playback control, enabling users to intuitively understand API usage.
add-expert
by @remotion-dev
This skill automates the process of adding new experts to the Remotion experts page. It handles image uploads, structured data entry (such as name, social links, and description), and the automatic generation of expert cards, ensuring content consistency and reducing manual errors. With this skill, users can efficiently update the expert list without needing deep knowledge of the codebase, thereby accelerating content publishing and website maintenance.
make-pr
by @remotion-dev
Automates the PR creation workflow, including branch management, code formatting (using Oxfmt), and standardized commits, ensuring code quality and collaboration efficiency.