CtrlK
BlogDocsLog inGet started
Tessl Logo

remotion-interactivity

Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

56

Quality

64%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./packages/skills/skills/remotion-interactivity/SKILL.md
SKILL.md
Quality
Evals
Security

Remotion Interactivity

Use the canonical interactivity best-practices page instead: Interactivity best practices

To make an element or custom component interactive, use: Make a component interactive

Avoid object spreads

Do not use object spreads for interactive props. Write the values inline so the Studio can detect and edit them.

Video editing

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.

Repository
remotion-dev/remotion
Last updated
First committed

Is this your skill?

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.