Remotion Server

该技能在 Linux 服务器上用 Remotion v5 无头渲染视频，无需 Mac 或 GUI。setup 脚本安装 Chrome Headless Shell 所需系统依赖，create 脚本可生成聊天演示、标题卡或空白项目，并支持 MP4、WebM、GIF 与 PNG 序列输出。模板仅使用占位假数据。

mvanhorn

热度 95.00

最近更新 2026-05-11 15:50:48

分类：创作依赖：代码执行 / 读写文件应用场景：视频编辑 / 自动化脚本

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add remotion-server

Metadata

name: remotion-server
version: 1.1.0
description: Headless video rendering with Remotion v5 on any Linux server — no Mac or GUI needed. Templates for chat demos, promos, and more. Uses Chrome Headless Shell for fast, dependency-free rendering.
author: mvanhorn
license: MIT
repository: https://github.com/mvanhorn/clawdbot-skill-remotion-server
homepage: https://remotion.dev
metadata: {"openclaw":{"emoji":"🎬","requires":{"bins":["node","npm"]},"tags":["video","remotion","rendering","react","headless"]}}

Remotion Server

Render videos headlessly on any Linux server using Remotion. No Mac or GUI required.

Setup (one-time)

Install browser dependencies:

bash {baseDir}/scripts/setup.sh

Quick Start

Create a project:

bash {baseDir}/scripts/create.sh my-video
cd my-video

Render a video:

npx remotion render MyComp out/video.mp4

Templates

Chat Demo (Telegram-style)

Creates a phone mockup with animated chat messages.

bash {baseDir}/scripts/create.sh my-promo --template chat

Edit src/messages.json:

[
  {"text": "What's the weather?", "isUser": true},
  {"text": "☀️ 72°F and sunny!", "isUser": false}
]

Title Card

Simple animated title/intro card.

bash {baseDir}/scripts/create.sh my-intro --template title

Example Chat Usage

"Make a video showing a chat about [topic]"
"Create a promo video for [feature]"
"Render a title card saying [text]"

Linux Dependencies

The setup script installs:

libnss3, libatk, libcups2, libgbm, etc.
Required for Chrome Headless Shell

For Ubuntu/Debian:

sudo apt install -y libnss3 libatk1.0-0 libatk-bridge2.0-0 libcups2 libgbm1 libpango-1.0-0 libcairo2 libxcomposite1 libxdamage1 libxfixes3 libxrandr2

Output Formats

MP4 (h264) - default
WebM (vp8/vp9)
GIF
PNG sequence

npx remotion render MyComp out/video.webm --codec=vp8
npx remotion render MyComp out/video.gif --codec=gif

Privacy Note

⚠️ All templates use FAKE demo data only!

Fake GPS coords (San Francisco: 37.7749, -122.4194)
Placeholder names and values
Never includes real user data

Always review generated content before publishing.