Login
remotion-dev/remotion1 file

Interactivity Best Practices

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

Use this skillView repositoryView on skills.sh
Specification
Skill ID
remotion-dev/remotion/interactivity-best-practices
Publisher
remotion-dev
Repository
remotion
Installs
0
Files
1
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

remotion-dev/remotion/interactivity-best-practicesInstalls these files
  • SKILL.md

What this skill tells the agent

Interactivity Best Practices

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

When using Interactive.withSchema(), include Interactive.baseSchema in the schema so standard timeline controls such as trimming and visibility remain available.

More from remotion-dev

remotion-dev/remotion

Add Bug

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

remotion-dev/remotion

Add CLI Option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

remotion-dev/remotion

Add Effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds.

Use this skill in a project

Open any RiverX project, search the Skills panel for remotion-dev/remotion/interactivity-best-practices, and install it in one click.

Use this skill