---
name: remotion-dev-interactivity-best-practices
description: "Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode."
license: "NOASSERTION"
metadata:
  decimalai-skill-id: "a7eb10e8-678d-49bc-bf23-56dca9c6e95e"
  decimalai-version-id: "d95b71e2-0929-44d9-9532-84bd3ee760ef"
  decimalai-version: "4"
  decimalai-body-sha256: "7324d60f3c09046ade14bb151963336f6f29fdc5375347cd5a72dfd2f1993e1f"
  decimalai-name: "remotion-dev/interactivity-best-practices"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-source: "https://app.decimal.ai/s/remotion-dev-interactivity-best-practices@4/SKILL.md"
---
# 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)