making-remotion-videos SKILL.md skillA

making-remotion-videos from oaustegard/claude-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add oaustegard/claude-skills/making-remotion-videos@v0.2.5

Pins v0.2.5 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
oaustegard/claude-skills
Path
making-remotion-videos/SKILL.md
Versions recorded
6
Latest version
v0.2.5, committed Oct 30, 2026
First version recorded
Oct 29, 2026
Size
11,454 bytes
Repository stars
158
License
MIT

Make an MP4 from React components with Remotion, rendered headlessly in this container. Covers project scaffolding with pinned versions, the frame-pure composition contract, the still-frame review loop, rendering with the preinstalled Chromium, and the product demo reel - an app shown inside a phone frame, built from Playwright captures of the real UI. Use for 'Remotion', 'make a video in React', 'demo reel', 'promo video for my app', 'app preview video', 'product video', 'phone mockup video'…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Making videos with Remotion

Remotion renders a React component once per frame in headless Chromium and
encodes the frames with ffmpeg. The DOM and CSS are the drawing API, so type,
layout, screenshots and UI mockups come out sharp and on-brand with little code.
Each frame is a pure function of `useCurrentFrame()`.

Before building, name the route and why (Oskar's standing steer, memory
06886186). Remotion fits when the video is mostly type, layout, product UI and
2D motion. It is not the cheapest route for particle fields or generative art.

## When NOT to use this skill

| Situation | Use instead |
|---|---|
| Hand-drawn character animation, p5.js, painterly frames | `animating-with-code` |
| AI-generated footage (Veo, Gemini video) | `creating-video` |
| Trim, transcode, concatenate or caption existing footage | `processing-video` |
| A comic or storyboard drawn from existing footage | `drawing-video` |
| A looping in-page animation the user views in a browser | an HTML artifact; no render needed |

Abandon Remotion mid-run when a frame takes more than about 5 s to render after
the bundle is built. That points to heavy WebGL or canvas work, which a
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add oaustegard/claude-skills/making-remotion-videos@sha256:c11170763dad93f7

The line at the top of this page pins the label v0.2.5, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_35o6lkfrj6husdtf.svg)](https://markdownregistry.com/a/art_35o6lkfrj6husdtf)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 6 versions of this file, between Oct 29, 2026 and Oct 30, 2026, more than one a day.

versioncommittedcommitsizeaudit
v0.2.5 latest2026-10-30 aeacfdd 11,454 BA view · diff
v0.2.42026-10-30 6b32911 11,065 BA view · diff
v0.2.32026-10-29 8b845b6 10,666 BA view · diff
v0.2.22026-10-29 2bd8015 10,469 BA view · diff
v0.2.12026-10-29 59bbced 10,076 BA view · diff
v0.2.02026-10-29 616e9b2 9,828 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11454 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

oaustegard/claude-skills · 158 stars · license MIT · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_35o6lkfrj6husdtf
GET https://markdownregistry.com/api/v1/resolve?ref=oaustegard/claude-skills/making-remotion-videos
GET https://markdownregistry.com/api/v1/blob/c11170763dad93f700a61000d192b14bc8d24203f1b4d17d6e2e07c174fd7744

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from oaustegard/claude-skills

AGENTS.md AGENTS.md file
oaustegard/claude-skills · AGENTS.md
git:20260529.cbbffef · audit A · 158 stars
CLAUDE.md CLAUDE.md file
oaustegard/claude-skills · CLAUDE.md
git:20260529.cbbffef · audit A · 158 stars
accessing-github-repos SKILL.md skill
oaustegard/claude-skills · accessing-github-repos/SKILL.md · GitHub repository access in containerized environments using REST API and credential detection. Use when git clone…
v2.0.0 · audit A · 158 stars
agent-routing SKILL.md skill
oaustegard/claude-skills · agent-routing/SKILL.md · Decide which model, effort level, and cascade shape each subagent gets, and how to keep improvement loops safe…
v2.8.0 · audit A · 158 stars
animating-with-code SKILL.md skill
oaustegard/claude-skills · animating-with-code/SKILL.md · Make a short animated film by writing the drawing code yourself: every frame a pure function of time, rendered…
v0.1.0 · audit A · 158 stars
api-credentials SKILL.md skill
oaustegard/claude-skills · api-credentials/SKILL.md · Securely manages API credentials for multiple providers (Anthropic Claude, Google Gemini, GitHub). Use when skills need…
v0.0.4 · audit A · 158 stars
asking-questions SKILL.md skill
oaustegard/claude-skills · asking-questions/SKILL.md · Guidance for asking clarifying questions when user requests are ambiguous, have multiple valid approaches, or require…
v1.0.7 · audit A · 158 stars
assessing-impact SKILL.md skill
oaustegard/claude-skills · assessing-impact/SKILL.md · Pre-change blast-radius report for a symbol or file. Walks tree-sitting references, augments with a plain-text scan…
v0.1.1 · audit A · 158 stars
atprotoing SKILL.md skill
oaustegard/claude-skills · atprotoing/SKILL.md · Read Bluesky/ATProto without depending on Bluesky's AppView — interactions on a user's posts, thread replies, any…
v0.3.0 · audit A · 158 stars
bm25 SKILL.md skill
oaustegard/claude-skills · bm25/SKILL.md · Ranked content search over a text corpus you point it at, using BM25 (via xhluca/bm25s). Corpus-agnostic: cloned repos…
v0.2.1 · audit A · 158 stars
browsing-bluesky SKILL.md skill
oaustegard/claude-skills · browsing-bluesky/SKILL.md · Browse Bluesky content via API and firehose - search posts, fetch user activity, sample trending topics, read feeds and…
v0.7.1 · audit A · 158 stars
building-github-index-v2 SKILL.md skill
oaustegard/claude-skills · building-github-index-v2/SKILL.md · DEPRECATED - Use building-github-index instead. Superseded per-file GitHub API implementation of progressive disclosure…
v2.0.2 · audit A · 158 stars

Every file in oaustegard/claude-skills

Other files named making-remotion-videos

making-remotion-videos SKILL.md skill
oaustegard/claude-skills · plugins/media-processing/skills/making-remotion-videos/SKILL.md · Make an MP4 from React components with Remotion, rendered headlessly in this container. Covers project scaffolding with…
v0.2.5 · audit A · 158 stars

Browse by kind, by grade A, or by owner.