Remotion Marketing Video

Create premium Remotion-based marketing videos with React, code-first animation, and deterministic frame timing. Use this skill to plan, build, preview, revise, and render product demos, SaaS promos, UI walkthroughs, launch videos, social ads, explainers, captioned clips, and motion graphics for software products.

The skill focuses on video production workflow, story structure, scene choreography, visual design systems, asset handling, browser/Studio preview, and render QA. Keep media assets in the target Remotion project, not in this skill repository.

When To Use This Skill

Use this skill when the user asks to:

• Create a Remotion marketing video, product demo, SaaS promo, launch video, app showcase, or UI walkthrough.
• Turn screenshots, screen recordings, product copy, a landing page, or a Figma/app concept into a scripted video.
• Build motion graphics, kinetic typography, captions, cursor animations, social ads, or explainer scenes with React.
• Improve or debug an existing Remotion video, including timing, composition, preview, rendering, or export quality.
• Plan video structure before implementation, including hooks, beats, transitions, aspect ratios, and asset requirements.

Do not use this skill for unrelated video editing tasks that do not involve Remotion, React, code-generated graphics, or marketing/product storytelling.

Core Workflow