Skip to content
mcp/skillhub

Agent Skill

Remotion Interactivity skill

remotion-interactivityremotion-dev/skillsskills/remotion-interactivity/SKILL.md

Structure Remotion markup for interactivity

5.5k

always on

12 tokname + description

once used

2,943 tokSKILL.md body

bundled files

49 KB

installs

181kskills.sh

Install the Remotion Interactivity skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/remotion-dev/skills --skill remotion-interactivity

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/remotion-dev/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -R /tmp/skills/skills/remotion-interactivity ~/.claude/skills/remotion-interactivity

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description12 tok
When the agent uses itThe SKILL.md instructions2,943 tok
Only if opened4 bundled files (9 KB)varies

Until it is used, remotion-interactivity costs about 114× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 12 skills from remotion-dev/skills would load 134 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Choose schema fields
  • Make an HTML element interactive using Interactive
  • Prefer inline text
  • Give interactive elements a descriptive name
  • Keep all CSS styles inline
  • Animate using interpolate()
  • Keep SVG paths editable with Interactive.Path
  • Morph paths using inline interpolatePaths()
  • Use scale, translate, rotate CSS properties
  • Keep composition metadata inline
  • Effects should be inline too
  • Making your own component interactive
  • Video editing

More skills from remotion-dev/skills

All skills in this repo
  1. remotion-captionsremotion-dev/skills

    Transcribing, displaying and animating captions

    190k14 tok idle · 252 in use
  2. remotion-markupremotion-dev/skills

    Content, animation and effects best practices

    186k512 tok idle · 3,064 in use