# Interactivity Best Practices

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

- Skill: `remotion-dev/interactivity-best-practices` (Agent Skill)
- Install (CLI): `npx skillmds@latest add remotion-dev/interactivity-best-practices`
- Raw SKILL.md: https://api.skillmd.com/api/skills/remotion-dev/interactivity-best-practices/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Remotion (https://skillmd.com/u/remotion-dev)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/remotion-dev/interactivity-best-practices

---


# Interactivity Best Practices

Use the canonical interactivity best-practices page instead:
[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)