Menu
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Best practices for Remotion
Best practices for writing Remotion React Markup
Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.
Multimedia handling with the Mediabunny library
Search and fetch Remotion documentation pages
Dealing with captions in Remotion
| name | remotion-interactivity |
| description | Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode. |
| metadata | {"tags":"remotion, interactivity, studio, visual mode"} |
Use the canonical interactivity best-practices page instead: Interactivity best practices
To make an element or custom component interactive, use: Make a component interactive
If a Remotion component mainly consists of video and audio clips, see Video editing for best practices on how to structure Remotion markup so the clips are interactively editable in the timeline.
