New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Remotion Motion

by GTKottman in GTKottman/mortiflix-oss

Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.

AGPL-3.0Auto-check passedMedia & Creative

Install Remotion Motion

skills CLI
$ npx skills add GTKottman/mortiflix-oss --skill remotion-motion -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install GTKottman/mortiflix-oss remotion-motion --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/GTKottman/mortiflix-oss.git skills-src && mkdir -p .claude/skills && cp -r skills-src/pipelines/_shared/skills/remotion-motion .claude/skills/remotion-motion && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
remotion-motion
GitHub stars
396
Token cost
~806 tokens
SKILL.md length
331 words
Files
8
Skills in repo
8
Repo updated
First seen
Licence
AGPL-3.0

At a glance

Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.

  • You make frames
  • SKILL.md covers Set up (first time), Build scenes, Render: always through the queue and Faster iteration
  • Runs TypeScript and JavaScript scripts from its folder; calls npm, node and npx
  • Tasks that involve Video production

What it does

Remotion Motion is an agent skill from GTKottman/mortiflix-oss. Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue. Use whenever you make frames or video.

Its SKILL.md is about 810 tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files (for example `template/package.json`, `template/src/index.ts` and `template/src/video.ts`).

It sits in Media & Creative, covering Video production. It works with Remotion, React and npm. The repository describes itself as: A motion design studio on your own machine: Claude makes the video step by step, you approve every stage. Bring your own Claude Code or API key. The licence is AGPL-3.0.

When your agent uses it

  • You make frames
  • Tasks that involve Video production

Example prompts

  • “/remotion-motion”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit aea9533. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (TypeScript and JavaScript), which the agent can run.

    Shell commands in SKILL.md call:

    • npm
    • node
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Remotion Motion loads about 806 tokens when it runs. Until then it costs about 58 tokens; SKILL.md has 331 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~58
When it runs · the whole SKILL.md, loaded when a task matches
~806

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from GTKottman/mortiflix-oss at commit aea9533, republished under its AGPL-3.0 licence (© GTKottman). 331 words, ~806 tokens.

Download SKILL.mdSave it as .claude/skills/remotion-motion/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.
name
remotion-motion
description
Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue. Use whenever you make frames or video.

Remotion

The video is a React project in video/. Frames are a pure function of the frame number: no timers, no randomness without a seed (random('seed') from remotion), no network at render time.

Set up (first time)

node .claude/skills/remotion-motion/setup.mjs        # video/ from the template, linked to the studio's shared install

The studio installs Remotion (and its Chrome, ~750 MB) once and every project links to it: seconds, not a fresh install. Don't npm install inside video/ while it's linked (that would change the shared copy for every project). Need another package? rm video/node_modules, then npm install and npm install <pkg> in video/: this project gets its own copy.

Set src/video.ts from the brief: size (16:9 → 1920×1080, 9:16 → 1080×1920, 1:1 → 1080×1080), 30 fps, length. Put the look from design/LOOK.md in look. Fonts: @remotion/google-fonts/<Family> (loadFont() at the top of a file) or local files in video/public/ with staticFile(); never a font you can't license.

Build scenes

  • One component per beat in src/scenes/, placed in Main.tsx with <Sequence from={...} durationInFrames={...}>.
  • Timing in frames comes from the narration's word timings (voice/timing.json) or the music's beat grid: put the numbers in src/timing.ts, never scattered magic numbers.
  • Motion: spring() and interpolate(..., { extrapolateLeft: 'clamp', extrapolateRight: 'clamp' }). Easing per the motion-design skill.
  • Audio: <Audio src={staticFile('voice.wav')} /> (files in video/public/).
  • Images and video from the brief: copy them into video/public/, <Img> / <OffthreadVideo>.

Render: always through the queue

Everything that starts Remotion's browser goes through mfx render (one heavy job at a time, studio-wide):

# a style frame (a still at a chosen frame)
mfx render --label "SF01" -- npx remotion still src/index.ts Main ../out/frames/sf01.png --frame=45
# the animatic (720p is enough for timing)
mfx render --label "animatic" -- npx remotion render src/index.ts Main ../out/animatic.mp4 --scale=0.6667
# the final
mfx render --label "final" -- npx remotion render src/index.ts Main ../out/final.mp4 --codec=h264 --crf=18
mfx render-wait <id>     # repeat until state is done or failed

Run mfx render from inside video/ (the render runs in the folder you call it from).

  • Stills for style frames: render, then view each one before submitting.
  • After every video render: node .claude/skills/final-pass/qc.mjs out/<file>.mp4 ... and look at the sheet.
  • A failed render: read output_tail, fix, re-queue. GPU flags (--gl=angle) can speed renders up on machines that support them; use one --gl mode for every render of a video so cuts never shimmer.

Faster iteration

npx remotion still at a few key frames is far cheaper than a full render. Check a beat with three stills (start, middle, settled) before rendering motion.

© GTKottman, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 7 other files in pipelines/_shared/skills/remotion-motion of GTKottman/mortiflix-oss.

  • SKILL.md
  • setup.mjs
  • template/package.json
  • template/src/Main.tsx
  • template/src/Root.tsx
  • template/src/index.ts
  • template/src/video.ts
  • template/tsconfig.json

Open the folder on GitHubat commit aea9533

Compare with similar skills

Remotion Motion next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Remotion Motion compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Remotion Motion this skillGTKottman/mortiflix-oss396—~806Automated safety check: PassAGPL-3.0
Add New Packageremotion-dev/remotion62k—~777Automated safety check: NotesCustom licence
Remotion Videoopenvetta/open-vetta291—~744Automated safety check: PassApache-2.0
Remotion Best Practiceslyonjs/shortvid.io14733 repos~1kAutomated safety check: PassMIT
Remotion to HyperFrames Porterheygen-com/hyperframes59k3 repos~2.8kAutomated safety check: PassApache-2.0
Video TalkcraftVincentwei1021/video-talkcraft1.4k—~8.7kAutomated safety check: NotesCustom licence

Similar skills

  • Add New Package

    remotion-dev/remotion

    Official

    Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

    62k GitHub stars~777 tokensUpdated today
    Media & CreativeAuto-check: notes

  • Remotion Video

    openvetta/open-vetta

    Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

    291 GitHub stars~744 tokensUpdated today
    Media & CreativeAuto-check passed

  • Remotion Best Practices

    lyonjs/shortvid.io

    Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

    147 GitHub starsUsed in 33 repos~1k tokens
    Media & CreativeAuto-check passed

  • Remotion to HyperFrames Porter

    heygen-com/hyperframes

    Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

    59k GitHub starsUsed in 3 repos~2.8k tokens
    Media & CreativeAuto-check passed

  • Video Talkcraft

    Vincentwei1021/video-talkcraft

    终极口播视频 skill：中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片（横屏默认/竖屏）。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音，可选 Fish Audio 从稿子合成配音与时间戳；数字人生成技术不在本 skill…

    1.4k GitHub stars~8.7k tokensUpdated 7 days ago
    Media & CreativeAuto-check: notes

  • Anything2explainer

    Vincentwei1021/anything2explainer

    给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据，以及一条完整样片（《RAG 与知识库》）作为质量标尺。Turn any topic into a narrated…

    2.3k GitHub stars~2.7k tokensUpdated 20 days ago
    Media & CreativeAuto-check passed

More from GTKottman/mortiflix-oss

All 8 skills in this repo

  • Blender 3D

    GTKottman/mortiflix-oss

    3D work in the studio's own Blender with its toolkits: MoBlend (MoGraph cloners, effectors, fields, MoText, fracture), Nova FX (particles, fire, sparks, fireworks), Camera (framing, shot presets…

    396 GitHub stars~902 tokensUpdated yesterday
    Auto-check passed

  • Music

    GTKottman/mortiflix-oss

    Scoring a video with original music written in Strudel, after the animatic is approved - a dramatic reading, a spotting map from the locked timing, a blueprint (motif, chart, roles, story sections…

    396 GitHub stars~2.6k tokensUpdated yesterday
    Auto-check passed

  • Transition Board

    GTKottman/mortiflix-oss

    Designing every cut of a video before the animatic - for each change from one style frame to the next, the object or idea that carries it, a transition chosen from the owner's remotion-transitions…

    396 GitHub stars~2.2k tokensUpdated yesterday
    Auto-check passed

  • Voiceover

    GTKottman/mortiflix-oss

    Narration, sound effects and music beds in the voice the studio set up (ElevenLabs, Qwen3-TTS on this machine's GPU, or the owner's own voice from the recording booth): lines from the approved…

    396 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

  • Assets

    GTKottman/mortiflix-oss

    Finding and downloading stock assets (footage, images, illustrations, 3D models, sound effects, fonts) from the asset sites the owner uses, in the owner's own Chrome with browser-harness.

    396 GitHub stars~601 tokensUpdated yesterday
    Auto-check passed

  • Final Pass

    GTKottman/mortiflix-oss

    Check a rendered video before anyone else sees it: format, black or frozen frames, loudness, true peak, and a frame sheet to look at.

    396 GitHub stars~613 tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Remotion Motion

What does Remotion Motion do?

Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue. Remotion Motion is an agent skill from GTKottman/mortiflix-oss. Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.

When should I use Remotion Motion?

Remotion Motion fits situations like: you make frames; tasks that involve Video production.

How do I install Remotion Motion in Claude Code?

Run `npx skills add GTKottman/mortiflix-oss --skill remotion-motion -a claude-code`. Or copy the skill folder (pipelines/_shared/skills/remotion-motion in GTKottman/mortiflix-oss) into .claude/skills/remotion-motion in your project. Claude Code loads it when a task matches its description.

How do I install Remotion Motion in Codex?

Run `npx skills add GTKottman/mortiflix-oss --skill remotion-motion -a codex`. Or copy the skill folder (pipelines/_shared/skills/remotion-motion in GTKottman/mortiflix-oss) into .agents/skills/remotion-motion in your project. Codex loads it when a task matches its description.

Can I use Remotion Motion in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add GTKottman/mortiflix-oss --skill remotion-motion -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/remotion-motion, .gemini/skills/remotion-motion, .github/skills/remotion-motion and .opencode/skills/remotion-motion in your project.

What does Remotion Motion need to run?

Going by SKILL.md and its folder, Remotion Motion needs TypeScript and JavaScript for the scripts in its folder and the command-line tools its instructions call (npm, node and npx). Our summary lists: Node.js.

Does Remotion Motion access the network?

SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Remotion Motion safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Remotion Motion use?

Remotion Motion is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Remotion Motion use?

About 806 tokens (SKILL.md is roughly 3.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Remotion Motion?

Skills that share tags, products or a category with Remotion Motion: Add New Package (remotion-dev/remotion, 62k stars), Remotion Video (openvetta/open-vetta, 291 stars), Remotion Best Practices (lyonjs/shortvid.io, 147 stars) and Remotion to HyperFrames Porter (heygen-com/hyperframes, 59k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Remotion Motion?

GTKottman (a GitHub user) maintains it in GTKottman/mortiflix-oss, which has 396 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.

Source: GTKottman/mortiflix-oss on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.