remotion-interactivity

This skill teaches how to structure Remotion video markup to make it interactive in Remotion Studio, enabling clicking, dragging, resizing, rotating, and…

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: No license stated
Pin: 32b241bpinned Oct 9, 2026
Context cost: about 4,600 tokenswhen the skill loads
GitHub stars: 4,912on remotion-dev/skills
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 video markup to make it interactive in Remotion Studio, enabling clicking, dragging, resizing, rotating, and editing styles and keyframes through the visual editor. It provides patterns for wrapping components with Interactive, defining schemas for editable properties, keeping styles inline, and using interpolate() for animations.

When to use it

Building reusable video components with editable props
Creating interactive animations with keyframable values
Setting up video timelines with independently selectable layers
Designing custom title, card, or text overlay components

When not to

When markup complexity prevents Studio interactivity
If you need computed or dynamic style values
When components use external CSS files or constants

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 32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5, checked Oct 8, 2026.

License: No license statedno license file, field or repository license
Scripts: None found
Network domains: remotion.media
www.remotion.dev
www.w3.org
allowed-tools: None requested
Unpinned packages: bunx remotion
Spec issues: Frontmatter keys outside the spec: version
Files: 4 files, 21 KB in totalLargest: SKILL.md (19 KB)
Context cost: Description: 43 characters, in context whenever the agent runs.Body: about 4,600 tokens, in context when the skill loads.
Warnings: License not statedno license file, field or repository license
Contacts network domainsremotion.media, www.remotion.dev, www.w3.org
Uses unpinned packagesbunx remotion

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

32b241bOct 9, 2026Current

Install

No license stated: install from the publisher's repository, and ask the author before you reuse or share it.

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

skills CLI

npx skills add remotion-dev/skills --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/skills remotion-interactivity@32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5

Installs the commit we checked (32b241b).

Copy by hand

Download the folder at 32b241b 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 32b241b

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 32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5:
https://github.com/remotion-dev/skills/tree/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/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-skills

SKILL.md at the pin

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

View SKILL.md on GitHub at 32b241b

Files

SKILL.md19 KB · 0462f3134af3
agents/
openai.yaml320 B · 84cd86b0b10e
assets/
remotion-icon.svg1.3 KB · 5007669bd055
inline-effects.md993 B · e22046911648

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

Skill folder on GitHub at 32b241b

Also in

The same SKILL.md content appears in these places too. We list it once and credit the oldest public source.

remotion-dev/codex-plugin/skills/remotion-interactivity

All 34 skills from Remotion