remotion-script-writer_skill

Overview

This skill writes detailed, production-ready video scripts for Remotion based on your requirements and codebase analysis. It produces a structured JSON script that covers scenes, visuals, voiceover, assets, and technical requirements. The output is ready to feed into Remotion components and agent workflows for rapid video creation.

How this skill works

The skill analyzes your codebase or provided inputs to identify key features, UI elements, and workflows to highlight. It structures the video into timed scenes, assigns animations and transitions, and generates synchronized voiceover and asset lists. The final JSON includes metadata, scene breakdowns, animation specs, and a checklist of Remotion packages and assets needed for rendering.

When to use it

• Creating product demo videos that map to real UI flows and features
• Building coding tutorials that animate and explain code and architecture
• Producing animated explainers with complex sequences and transitions
• Generating data-visualization videos with animated charts and stats
• Making short-form social media clips optimized for platform constraints

Best practices

• Use frame-based timing via Remotion hooks (useCurrentFrame) for precise animation control
• Prefer deterministic randomness (Remotion random()) and avoid Math.random() to keep renders reproducible
• Sequence scenes using <Sequence>, <Series>, or <TransitionSeries> and account for overlap in duration calculations
• Use spring animations with high damping for natural motion and premountFor on heavy sequences for performance
• Generate voiceover text and then fine-tune pacing to match animation timing

Example use cases

• 60s product demo that walks through key UI actions and feature benefits
• Step-by-step coding tutorial that highlights components and shows live code snippets
• Data-driven explainer that animates charts and stepwise data reveals
• Social-media teaser with captions, typewriter effects, and quick transitions
• Animated onboarding video that demonstrates user flows and key interactions