← ClaudeAtlas

remotionlisted

Build, run, and render videos programmatically with Remotion (React-based video). Use when scaffolding a Remotion project, writing compositions/animations, previewing in Remotion Studio, rendering to MP4/WebM/GIF/stills, embedding the Remotion Player, or troubleshooting Remotion + Bun. Triggers - "Remotion", "create-video", "remotion studio", "remotion render", "programmatic video", "React video", "做视频", "程序化视频", "用 React 生成视频", "渲染 mp4".
signalridge/dotfiles · ★ 31 · Web & Frontend · score 72
Install: claude install-skill signalridge/dotfiles
# Remotion Make videos with React: components are frames, `useCurrentFrame()` drives animation, the CLI renders to MP4/WebM/GIF/image sequences. Great for data-viz videos, batch personalized videos, audiograms/subtitles, and programmatic intros. ## Before doing anything — house rules 1. **License (ask, don't assume).** Remotion is free for individuals and orgs with **≤ 3 people** (commercial use included). A **Company License** ($25/seat/mo+) is required for for-profit orgs larger than that. This machine's dotfiles live under the `signalridge` org — if a Remotion project is for company work, confirm licensing before shipping. Docs: https://www.remotion.dev/docs/license 2. **Never scaffold inside a dotfiles / config repo.** Remotion pulls a large `node_modules`, a `package.json`, and video output artifacts. Create projects in a dedicated dir (e.g. `~/dev/<name>`), never in `~/.local/share/chezmoi` or `~/.harnesses`. 3. **Runtime is already set up here:** `bun` ≥ 1.0.3 and `node` ≥ 16 are present. FFmpeg is **bundled since Remotion v4** — do not install it separately. ## Scaffold a new project ```bash bunx create-video@latest # interactive template picker ``` Templates: Hello World, Blank, TikTok, Audiogram, React Three Fiber, Stills, etc. The generated `package.json` scripts use `bunx remotionb` (Bun runtime). To use the Node runtime instead, change `remotionb` → `remotion` in those scripts. ## Add to an existing React project (brownfield) `