maartenlouis/remotion-ads
Overview
This skill automates Instagram Reels and Carousel ad creation using Remotion. It provides brand configuration, safe-zone templates, typography and animation presets, voiceover and caption integration, and export-ready settings for vertical 9:16 videos and 4:5 carousel slides. Use the toolkit to produce consistent, mobile-first creative that respects Instagram UI and feed previews.
How this skill works
Configure a design system with brand colors, fonts, and asset paths, then generate backgrounds and scan assets. Compose scenes with recommended durations and character voice presets, sync voiceovers (with timestamps) and captions, apply animation presets and safe-zone constraints, and render final MP4 reels or PNG carousel slides. Scripts and utilities automate voice generation, timestamped captions, and batch exports.
When to use it
- Creating vertical Instagram Reels or Stories (1080×1920, 9:16) for ads
- Producing multi-slide carousel posts (1080×1350, 4:5) with consistent branding
- Need voiceovers with word-level timings for animated captions
- Batch rendering multiple carousel slides or ad variants
- Ensuring all critical content stays visible across Reels, feed previews, and grid thumbnails
Best practices
- Fill rules/design-system.md with brand colors, fonts, and asset paths before building
- Keep logos, CTAs, and faces inside the defined safeArea (x:80, y:285, width:880, height:1235)
- Aim for ~15s total duration for ad performance and calculate scene frames from voiceover actualDuration
- Use word-level timestamps for captions to enable animated highlighting and page grouping
- Test final renders on an actual mobile device and verify 4:5 and 1:1 crop previews
Example use cases
- 15s Instagram Reel ad with a four-scene flow: Hook, Problem, Solution, CTA
- Batch-render a 5-slide carousel with consistent typography and swipe indicators
- Generate a voiceover via ElevenLabs with a custom pronunciation dictionary and auto-synced captions
- Create animated, high-contrast captions with word-by-word highlighting for accessibility
- Export final reels with H.264 and AAC using recommended CRF and audio bitrate settings
FAQ
Render Reels at 1080×1920, H.264 MP4 with AAC audio, 30 FPS. Aim for 1080p and ~15 seconds duration.
How do I keep important elements visible in feed and grid previews?
Place critical text, logos, and faces inside the safeArea (80px left, 285px top). Test the feedPreview and gridPreview crop offsets to ensure central visibility.
