motion-overlay-studio

name	motion-overlay-studio
description	Use when creating Remotion, Hyperframes, motion graphics, launch videos, animated overlays, app demo videos, timeline-based compositions, reusable video templates, or creator B-roll graphics.

Motion Overlay Studio

Use this for creator/business motion graphics, especially overlays and product demos.

Workflow

1. Identify target platform: YouTube intro, launch video, short-form overlay, app demo, product demo, or B-roll.
2. Choose engine based on availability:
   • Remotion for mature React/video composition workflows.
   • Hyperframes for fast motion graphics and physics-style animations.
3. Define composition, scenes, duration, aspect ratio, and export format.
4. Reuse existing templates when possible.
5. Generate 2-4 variants when exploring style.
6. Inspect screenshots/previews and fix overlap, timing, text density, and motion.
7. Render/export final video.

Editing Language

Useful instructions:

• "At 8 seconds, zoom in on the phone."
• "At 11 seconds, zoom out."
• "Make the first scene fly in from the left."
• "Turn the gradient red at 10 seconds."
• "Make this message splat onto the screen."
• "Create four scenes in one composition so I can choose."

Quality Rules

• Keep on-screen text short.
• Use visual rhythm: entrance, hold, emphasis, exit.
• Avoid excessive motion that distracts from the point.
• Verify the rendered video exists and opens.
• Provide the final file path.

Source Notes

Distilled from the user-provided creator/marketing skills transcript: Remotion and Hyperframes are used for launch videos, overlays, app demos, and reusable creator motion templates.