Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
56
64%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./packages/skills/skills/remotion-interactivity/SKILL.mdUse the canonical interactivity best-practices page instead: Interactivity best practices
To make an element or custom component interactive, use: Make a component interactive
Do not use object spreads for interactive props. Write the values inline so the Studio can detect and edit them.
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.
03df8b0
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.