remotion

remotion is a skill for Claude Code, Codex from eric861129/SKILLS_All-in-one. It costs 44 tokens per session (1,519 once invoked), scanned A, original, MIT.

A collection of Remotion patterns and reusable components for building rendered videos with React.

In plain words
What is it for?
Animated backgrounds, scene transitions, labels, watermarks, split-screen comparisons, presenter overlays, and other Remotion video scenes.
Why use it?
It provides project-specific building blocks and scene effects so recurring video elements do not need to be recreated each time.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: reads .claude/ paths.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is import { AnimatedBackground, SlideTransition, Label } from '../../../../lib/components';.

Good fit Animated backgrounds, scene transitions, labels, watermarks, split-screen comparisons, presenter overlays, and other Remotion video scenes.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/eric861129/SKILLS_All-in-one
agentmods
npx agentmods add skills/eric861129/skills_all-in-one/claude-code-video-toolkit

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for remotion

README.md
[![agentmods](https://agentmods.dev/badge/skills/eric861129/skills_all-in-one/claude-code-video-toolkit/github.svg)](https://agentmods.dev/skills/eric861129/skills_all-in-one/claude-code-video-toolkit)
Your own site
<a href="https://agentmods.dev/skills/eric861129/skills_all-in-one/claude-code-video-toolkit"><img src="https://agentmods.dev/badge/skills/eric861129/skills_all-in-one/claude-code-video-toolkit/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for remotion

Your own site · 80×15
<a href="https://agentmods.dev/skills/eric861129/skills_all-in-one/claude-code-video-toolkit"><img src="https://agentmods.dev/badge/skills/eric861129/skills_all-in-one/claude-code-video-toolkit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 44 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,519 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00044 $0.01519
Opus 5 $0.00022 $0.00759
Sonnet 5 $0.00009 $0.00304
Haiku 4.5 $0.00004 $0.00152

Measured 7d ago against content hash b37046044b69, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

remotion scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

public/SKILLS/Media & Content/claude-code-video-toolkit/SKILL.md · 161 lines

How it starts

The opening of the file, as written. The whole thing — 161 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Remotion — Toolkit Extensions

Core Remotion knowledge lives in .claude/skills/remotion-official/ (synced from the official remotion-dev/skills repo). This file covers toolkit-specific patterns only.

Shared Components

Reusable video components in lib/components/. Import in templates via:

import { AnimatedBackground, SlideTransition, Label } from '../../../../lib/components';
Component Purpose
AnimatedBackground Floating shapes background (variants: subtle, tech, warm, dark)
SlideTransition Scene transitions (fade, zoom, slide-up, blur-fade)
Label Floating label badge with optional JIRA reference
Vignette Cinematic edge darkening overlay
LogoWatermark Corner logo branding
SplitScreen Side-by-side video comparison
NarratorPiP Picture-in-picture presenter overlay
Envelope 3D envelope with opening flap animation
PointingHand Animated hand emoji with slide-in and pulse
MazeDecoration Animated isometric grid decoration for corners

Custom Transitions

The toolkit includes a transitions library at lib/transitions/ for scene-to-scene effects beyond the official @remotion/transitions package.

Using TransitionSeries

import { TransitionSeries, linearTiming } from '@remotion/transitions';
// Import custom transitions from lib (adjust path based on your project location)
import { glitch, lightLeak, clockWipe, checkerboard } from '../../../../lib/transitions';
// Or import from @remotion/transitions for official ones
import { slide, fade } from '@remotion/transitions/slide';

<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={90}>
    <TitleSlide />
  </TransitionSeries.Sequence>
  <TransitionSeries.Transition
    presentation={glitch({ intensity: 0.8 })}
    timing={linearTiming({ durationInFrames: 30 })}
  />
  <TransitionSeries.Sequence durationInFrames={120}>
    <ContentSlide />
  </TransitionSeries.Sequence>
</TransitionSeries>

Read the full file on GitHub · 161 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 7d ago First seen · 161 lines · 44 tokens per session scan A b37046044b69

Subscribe to this mod's changes

remotion is a skill published in the GitHub repository eric861129/SKILLS_All-in-one (52 stars, last pushed 4mo ago), licensed MIT. It adds 44 tokens to every session and 1,519 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

handoff-pneuma

Hand the current task off to Pneuma — a co-creation workspace that spins up a domain-specific viewer (deck, webpage, board, diagram, video, …) plus an editing agent — for the current directory. Use when the user wants to "hand off to Pneuma", "open this in Pneuma", build a webpage / slides / diagram / doc / video from…

pandazki/pneuma-skills · 117 tokens

ppt-orchestrator

A dispatcher for creating presentations, slide decks, long images, and weekly reports. It chooses a visual style and output format, then sends the work to a more specialised add-on.

huangrichao2020/pretty-skills · 160 tokens

zhongguose-html-skill

An HTML-only presentation system using traditional Chinese colours and Chinese-style visual design. It helps organise source material into a report structure and produces a self-contained HTML file with its assets.

huangrichao2020/pretty-skills · 232 tokens

dashiai-ppt

A presentation-making add-on that creates an HTML slide deck from preset visual page designs. The result can open offline in a browser and can be exported as a PowerPoint or PDF file.

huangrichao2020/pretty-skills · 62 tokens

wechat-delivery

A workflow for preparing WeChat Official Account articles, images, covers, and publishing files in Chinese. WeChat Official Accounts are channels used by organizations to publish articles to followers.

huangrichao2020/pretty-skills · 129 tokens

html-ppt-viewer

A simple HTML viewer that presents a set of existing images like a slide deck. It includes a side panel, large image display, page controls, and keyboard navigation, but does not create the images.

huangrichao2020/pretty-skills · 93 tokens