remotion-interactivity

This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive.

by RemotionOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (remotion-dev)

Agents: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode
License: License unclear
Pin: a6d662fpinned Oct 9, 2026
Context cost: about 2,400 tokenswhen the skill loads
GitHub stars: 62,546on remotion-dev/remotion
Scripts: None found

What it does

“Structure Remotion markup for interactivity”

The author's description, from SKILL.md

Generated summary from the skill's own text

This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive. The agent learns to use Interactive components, inline styles, hardcoded interpolate() calls, and other patterns that unlock Studio features like visual element selection, drag-and-drop, keyframe editing, and style adjustment without graying out values.

When to use it

Building Remotion videos with interactive UI elements in Studio
Creating animations with editable keyframes and easing functions
Designing video compositions with selectable and draggable components
Morphing SVG paths with visually editable keyframes

When not to

Using computed styles, object spreading, or style constants in components
Extracting defaultProps or composition metadata to separate variables
Extracting interpolate() results to variables instead of inline usage

Review

Not reviewed by a person yet. The trust card below shows what our automated checks found at the pinned commit.

Trust card

What our automated checks found

At commit a6d662f16c9d21a34c41ee5afba9f3908125988c, checked Oct 8, 2026.

License: License unclear, from LICENSE.mdlicense text not recognised
Scripts: None found
Network domains: remotion.media
www.remotion.dev
allowed-tools: None requested
Unpinned packages: bunx remotion
Spec issues: Frontmatter keys outside the spec: version
Files: 3 files, 11 KB in totalLargest: SKILL.md (9.7 KB)
Context cost: Description: 43 characters, in context whenever the agent runs.Body: about 2,400 tokens, in context when the skill loads.
Warnings: License needs reviewlicense text not recognised
Contacts network domainsremotion.media, www.remotion.dev
Uses unpinned packagesbunx remotion
Restricted license (link only)

Automated checks look for known patterns and can be bypassed. They decide what a reviewer reads first. This is not a guarantee.

Pins

Pin history

a6d662fOct 9, 2026Current

Install

Restricted license: install from the publisher's repository and read its terms.

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add remotion-dev/remotion --skill remotion-interactivity

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install remotion-dev/remotion remotion-interactivity@a6d662f16c9d21a34c41ee5afba9f3908125988c

Installs the commit we checked (a6d662f).

Copy by hand

Download the folder at a6d662f and put it in .claude/skills/remotion-interactivity for Claude Code and in .agents/skills/remotion-interactivity for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at a6d662f

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "remotion-interactivity" by Remotion.

Source, pinned to commit a6d662f16c9d21a34c41ee5afba9f3908125988c:
https://github.com/remotion-dev/remotion/tree/a6d662f16c9d21a34c41ee5afba9f3908125988c/packages/codex-plugin/skills/remotion-interactivity

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/remotion-interactivity/ for Claude Code and .agents/skills/remotion-interactivity/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Its license is restricted or not stated. Show me the license terms from the repository before you copy anything.

Listing and checks: https://www.agentnative.dev/skills/remotion/remotion-interactivity-remotion

SKILL.md at the pin

The license of this skill does not let us show its files here.

View SKILL.md on GitHub at a6d662f

Files

SKILL.md9.7 KB · f60a56155c50
agents/
openai.yaml320 B · c3983ddc6dc1
assets/
remotion-icon.png1.3 KB · 662a084d72d9

3 files, 11 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.