remotion-explainer-video

remotion-explainer-video is a skill for Claude Code from kellykampen/agent-skills. It costs 226 tokens per session (2,360 once invoked), scanned A, original, MIT.

A tool for creating short animated explainer videos and matching GIFs about a skill, feature, product, workflow, or process, with an MP4 soundtrack sourced from Pixabay Music.

In plain words
What is it for?
Use it to make roughly 15–30-second explainers, including scenes based on a skill file, README, or feature code.
Why use it?
It turns a process or feature into a concise visual sequence that is easier to show in a README or on social media.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the agent-skills plugin — 25 skills, 7 commands shipped together

Good fit Use it to make roughly 15–30-second explainers, including scenes based on a skill file, README, or feature code.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/kellykampen/agent-skills/remotion-explainer-video
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add kellykampen/agent-skills --skill remotion-explainer-video
Clone the repo
git clone --depth 1 https://github.com/kellykampen/agent-skills

Made for: Claude Code.

Or install agent-skills, the plugin that ships this one along with the rest of its 25 skills, 7 commands.

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-explainer-video

README.md
[![agentmods](https://agentmods.dev/badge/skills/kellykampen/agent-skills/remotion-explainer-video/github.svg)](https://agentmods.dev/skills/kellykampen/agent-skills/remotion-explainer-video)
Your own site
<a href="https://agentmods.dev/skills/kellykampen/agent-skills/remotion-explainer-video"><img src="https://agentmods.dev/badge/skills/kellykampen/agent-skills/remotion-explainer-video/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-explainer-video

Your own site · 80×15
<a href="https://agentmods.dev/skills/kellykampen/agent-skills/remotion-explainer-video"><img src="https://agentmods.dev/badge/skills/kellykampen/agent-skills/remotion-explainer-video.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 226 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,360 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.00226 $0.02360
Opus 5 $0.00113 $0.01180
Sonnet 5 $0.00045 $0.00472
Haiku 4.5 $0.00023 $0.00236

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

Security

Grade A, and why

remotion-explainer-video 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 10d ago.

The scan reads SKILL.md. This mod also ships 3 executable files (assets/templates/theme.ts, scripts/make-gif.sh, scripts/render-version.sh), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

skills/workflow/remotion-explainer-video/SKILL.md · 154 lines

How it starts

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

Remotion Explainer Video

Produces a ~15-30s explainer video (MP4 + GIF, with a real royalty-free soundtrack) for whatever the user wants explained — a skill, a feature, a product, a workflow. The video is a sequence of scenes built from a shared, tested visual system, not hand-rolled from scratch each time.

Workflow

1. Understand the subject and set scope

Before writing anything, get from the user (or infer from context and confirm):

  • What is this video explaining? Read the actual source (a SKILL.md, a README, the feature's code) — don't write scene content from a vague gist of what it does. A video that gets the mechanics wrong is worse than no video.
  • Target length. Default to "quick hype cut" (~20s) unless told otherwise. Longer needs explicit ask — most subjects don't need more than 6 scenes to land.
  • Music: does the user have a track already, or should you find one? See references/pixabay-sourcing.md either way — even a user-provided file gets wired in the same way (fade in/out, <Audio> + staticFile()).
  • Where does this live? Check for an existing Remotion project first (see references/scaffolding.md) — most of the time this is "add one more video to the project that already has others," not "start from zero."

2. Design the scene sequence

A typical explainer is 5-6 scenes, each a few seconds:

  1. Boot/title — a typed command (if the subject is a CLI/skill) or a short hook line, then the title.
  2. The problem — why does this need to exist? Scattered chip/tag visuals reading like overheard complaints work well here.
  3. The core mechanism — the one diagram that actually explains how it works. This is the scene worth the most design effort; see "Choosing a diagram shape" below.
  4. A two-word contrast or a short checklist — whatever the subject's second-most-important idea is (two responsibilities, two axes, a set of guardrails/rules).
  5. A short checklist/gates scene — rules, tiers, or steps, if the subject has them.
  6. Outro — tagline, install/usage command typed out, link.

Read the full file on GitHub · 154 lines

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. 10d ago First seen · 154 lines · 226 tokens per session scan A 194f8246f704

Subscribe to this mod's changes

remotion-explainer-video is a skill published in the GitHub repository kellykampen/agent-skills (2 stars, last pushed 1mo ago), licensed MIT. It adds 226 tokens to every session and 2,360 once invoked, about $0.0011 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-08-31.

Related

Other skills, from other repositories

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

general-video

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated…

heygen-com/hyperframes · 92 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

diagnostic-stem-delivery

Audio production with diagnostic analysis, timecode parsing from documents, and verified export workflow.

HKUDS/OpenSpace · 23 tokens

chengfeng-check-updates

An environment manager for a video-editing system. It checks whether its skills and runtime—the software needed to run them—are installed and compatible.

Agentchengfeng/chengfeng-videocut-skills · 120 tokens