Agent Native

remotion-markup

This skill provides markup guidance for creating Remotion React video compositions.

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,400 tokenswhen the skill loads
GitHub stars
4,912on remotion-dev/skills
Scripts
5 scripts

What it does

“Content, animation and effects best practices”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill provides markup guidance for creating Remotion React video compositions. It covers animation best practices, component structure, media embedding, effects application, and integration with interactive Studio editing, helping developers build keyframed videos with proper timing and interactivity patterns.

When to use it

  • Writing React markup for Remotion video compositions
  • Structuring animations with useCurrentFrame and interpolate
  • Creating interactive components editable in Remotion Studio
  • Building multi-scene videos with connected compositions

When not to

  • Using CSS transitions or Tailwind animations in Remotion code
  • Creating static HTML without video timeline requirements

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-markup

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-markup@32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5

Installs the commit we checked (32b241b).

Copy by hand

Download the folder at 32b241b and put it in .claude/skills/remotion-markup for Claude Code and in .agents/skills/remotion-markup 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-markup" by Remotion.

Source, pinned to commit 32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5:
https://github.com/remotion-dev/skills/tree/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-markup

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-markup/ for Claude Code and .agents/skills/remotion-markup/ 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-markup-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

66 files, 611 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
All 34 skills from Remotion

More from Remotion

  • remotion-best-practices

    This skill routes the agent through Remotion's specialized knowledge bases for video creation, editing, and deployment.

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 920 tokens · pinned 6 days ago

  • remotion-best-practices

    This skill routes the agent to specialized Remotion sub-skills based on the user's task, covering video creation, project setup, React markup, maps…

    Claude Code, Codex, Cursor +3 · about 1K tokens · pinned 6 days ago

  • remotion-captions

    This skill enables video caption workflows including transcribing audio to generate captions, displaying captions in videos, and importing captions from SRT…

    Claude Code, Codex, Cursor +3 · about 220 tokens · pinned 6 days ago

  • remotion-captions

    This skill enables the agent to work with captions in Remotion videos by transcribing audio to generate captions, displaying them in videos, and importing…

    Claude Code, Codex, Cursor +3 · about 270 tokens · pinned 6 days ago

  • remotion-create

    This skill scaffolds a new Remotion video project, opens the browser-based Studio for live preview, and guides composition development using React markup.

    Claude Code, Codex, Cursor +3 · about 680 tokens · pinned 6 days ago

  • remotion-create

    This skill guides agents through creating a new Remotion video project by scaffolding a starter template, setting up dependencies, and establishing a React…

    Claude Code, Codex, Cursor +3 · about 730 tokens · pinned 6 days ago

All Media and creative skills

Related in Media and creative

  • remotion-markup

    This skill provides guidance for writing Remotion React markup to create animated videos programmatically.

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 2.9K tokens · pinned 6 days ago

  • remotion-markup

    This skill provides markup authoring guidelines for Remotion React components used in video composition.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 4.5K tokens · pinned 6 days ago

  • remotion-markup

    This skill provides best practices for writing Remotion React markup, covering animation techniques, component structure, asset management, and integration…

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 4.4K tokens · pinned 6 days ago

  • remotion-multimedia

    This skill provides the agent with capabilities to query multimedia files using Mediabunny, a browser-based multimedia library.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 150 tokens · pinned 6 days ago

  • remotion-multimedia

    This skill enables the agent to retrieve metadata from audio and video files using the Mediabunny multimedia library.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 150 tokens · pinned 6 days ago

  • remotion-render

    This skill enables the agent to render videos and still images using Remotion, a React-based video framework.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 97 tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use