$npx -y skills add remotion-dev/remotion --skill remotion-interactivityBest practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
| 1 | # Remotion Interactivity |
| 2 | |
| 3 | Use the canonical interactivity best-practices page instead: |
| 4 | [Interactivity best practices](https://www.remotion.dev/docs/studio/interactivity-best-practices.md) |
| 5 | |
| 6 | To make an element or custom component interactive, use: |
| 7 | [Make a component interactive](https://www.remotion.dev/docs/studio/make-component-interactive.md) |
| 8 | |
| 9 | ## Avoid object spreads |
| 10 | |
| 11 | Do not use object spreads for interactive props. Write the values inline so the |
| 12 | Studio can detect and edit them. |
| 13 | |
| 14 | ## Video editing |
| 15 | |
| 16 | If a Remotion component mainly consists of video and audio clips, see [Video editing](../remotion-markup/video-editing.md) for best practices on how to structure Remotion markup so the clips are interactively editable in the timeline. |