---
id: "entity-remotion"
type: "entity"
entityType: "product"
canonicalName: "Remotion"
aliases: []
source_timestamps: ["00:01:12", "00:14:05", "00:15:36"]
tags: ["video-framework", "react", "open-source"]
related: ["concept-programmable-video", "claim-remotion-top-skill", "contrarian-programmable-vs-generative-video", "entity-claude"]
canonicalUrl: "https://www.remotion.dev/"
sources: ["s48-markdown-design-meeting"]
sourceVaultSlug: "s48-markdown-design-meeting"
originDay: 48
---
# Remotion

## Description

A **React framework that treats video as code**. Allows developers to build videos using standard web technologies — React components, CSS, HTML. Recently gained massive traction as a [[entity-claude-d48|Claude]] code skill via [[concept-mcp-d48|MCP]], allowing users to prompt an agent to write the code that renders into an MP4 video locally.

**URL**: https://www.remotion.dev/

## Why It's Important Here

Remotion is the canonical implementation of [[concept-programmable-video|programmable video]] in this video. Every video output Jones cites — promo videos, changelog videos, parameterized regional variants — is rendered via Remotion.

## Adoption

[[claim-remotion-top-skill]] — Jones positions it as the **#1 independent AI agent skill** (>150k installs), excluding skills made by major incumbents (Vercel, Anthropic, Microsoft). Enrichment confirms 150k–200k+ npm installs by 2026; the specific ranking is informal.

## Why Devs Pick It Over Generative Video

[[contrarian-programmable-vs-generative-video|See the contrarian framing]]:
- **Consistency** — deterministic renders.
- **Editability** — change a variable, re-render.
- **Version control** — git-native.
- **Cost** — free local rendering vs. expensive API spend.
- **Localization** — loop over data for thousands of variants.

## Use-Case Examples

- [[entity-sabrina-dev|Sabrina.dev]] — single prompt → Claude browses GitHub repos, screenshots, adds headshot + music, renders an MP4. No video editor opened.
- [[entity-noahs-way|Noah's Way]] — autonomous cron pipeline reading PRs and rendering changelog videos.

## Prerequisite

[[prereq-react-components|React component fluency]].

## Related
[[concept-programmable-video]] · [[claim-remotion-top-skill]] · [[contrarian-programmable-vs-generative-video]] · [[entity-claude-d48]] · [[entity-sabrina-dev]] · [[entity-noahs-way]]