Create and render Remotion videos into MP4 files from local project files.
npx skills add https://github.com/flaz78/9Lives --skill remotion-video-flaz78
Please help me install this Agent Skill. Skill: remotion-video Source: https://github.com/flaz78/9Lives/tree/main/workspace/skills/remotion-video Command: npx skills add https://github.com/flaz78/9Lives --skill remotion-video-flaz78
This Skill solves the problem of producing consistent Remotion/React animations and exporting them to final MP4 output without fragile, clock-based timing.
src/ components and Root.tsx to ensure compositions are explicitly defined (id, duration, fps, width, height) and renders are driven by frame-based logic.renders/ (or a requested output path), supporting props-driven, reusable timelines (text, images, audio, CTAs).Ask your agent to create and render a new Remotion composition for a “daily briefing” video, updating src/ and src/Root.tsx, then return the rendered MP4 path.
High-intent search queries and answers about installing and using this skill.
You can automate MP4 export from Remotion projects by using an agent to update React components and execute the video render command. The Skill reads the workspace state, modifies source files, and outputs the final MP4 directly to your local renders directory.
Yes, Remotion supports reusable, props-driven video timelines. You can pass updated text, images, and audio as props to your React compositions, enabling automated generation of recurring videos like daily briefings without altering the underlying component structure.
Yes, you need a local Remotion workspace. The Skill reads the existing project state, discovers composition IDs, and modifies source files in the src directory before rendering. It does not create a new Remotion project from scratch.
The best way to manage video assets is by using remotion.saveFiles to update content in the src/public directory. This ensures your images, audio, and other media are correctly placed before the rendering process begins.
Deterministic frame-based timing matters because it guarantees identical video output across different machines and render times. By relying on explicit frame calculations rather than system clocks, your MP4 export avoids dropped frames and animation desync issues.
AbsolutelySkilledCreate programmatic videos with React components and Remotion APIs.
dracohu2025-cloudConvert EPUB books into local podcast scripts, audio, slides, and MP4 video.
usermaumProvide best practices for developing Remotion video compositions in React.
thejordanleopoldGenerate programmatic videos from React components with frame-accurate timing.