What problem does it solve? Building programmatic videos with Remotion often requires reinventing scene transitions, reusable visual components, and project timing conventions for every new video. This Skill provides a ready-made toolkit of custom transitions, shared React components, and established best practices so video projects stay consistent and render correctly. ## Core Features & Use Cases - Custom Transition Library: Apply scene-to-scene effects like glitch, lightLeak, clockWipe, pixelate, and checkerboard via TransitionSeries, beyond the official @remotion/transitions package. - Shared Video Components: Reuse prebuilt components such as AnimatedBackground, SlideTransition, SplitScreen, NarratorPiP, and LogoWatermark across templates. - Project Conventions: Follow frame-based animation rules, 30fps timing standards, and scene duration guidelines for titles, demos, and stats. - Use Case: When creating a product demo video, combine a TitleSlide and ContentSlide with a glitch transition at 30 frames, add a LogoWatermark, and preview all transitions in the showcase gallery before rendering. ## Quick Start Ask the AI to create a Remotion video composition using the toolkit's custom transitions and shared components, for example a title scene followed by a content scene connected by a glitch transition.
