interactivity-best-practices
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Source facts
- Repository
- remotion-dev/remotion
- Last source activity
- October 9, 2026 at 13:53
- Detected SKILL.md language
- English
- Stars
- 68,791
- Forks
- 5,622
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Showing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- interactivity-best-practices
- description
- Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
# Interactivity Best Practices
For scene structure and custom interactive components, use
[Remotion Interactivity](../remotion-interactivity/SKILL.md).
For editable styles and animations, use the canonical best-practices page:
[packages/docs/docs/studio/interactivity-best-practices.mdx](../../../packages/docs/docs/studio/interactivity-best-practices.mdx)
To make an element or custom component interactive, use:
[packages/docs/docs/studio/make-component-interactive.mdx](../../../packages/docs/docs/studio/make-component-interactive.mdx)
View on GitHub