aviz85 Remotion Common Utilities
Shared patterns and references for all video skills in this project.
Project Structure
remotion-assistant/
├── src/
│ ├── index.tsx # Entry point
│ ├── Root.tsx # Composition registry
│ ├── compositions/ # Video compositions
│ └── components/ # Reusable components
├── public/ # Static assets
│ ├── fonts/
│ ├── images/
│ └── audio/
└── out/ # Rendered output
Key APIs
useCurrentFrame()- Current frame numberuseVideoConfig()- { width, height, fps, durationInFrames }interpolate(frame, [in], [out])- Map valuesspring({ frame, fps, config })- Physics animations
Adding New Compositions
- Create component in
src/compositions/ - Register in
src/Root.tsxwith<Composition> - Set: id, component, durationInFrames, fps, width, height
See References
- codecs.md - Encoding options
- animations.md - Animation patterns