跳至主要内容
小龙虾小龙虾AI
🎬

Remotion Server

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...

下载3.7k
星标4
版本1.2.1
浏览器网页
安全通过

技能说明


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.

如何使用「Remotion Server」?

  1. 打开小龙虾AI(Web 或 iOS App)
  2. 点击上方「立即使用」按钮,或在对话框中输入任务描述
  3. 小龙虾AI 会自动匹配并调用「Remotion Server技能完成任务
  4. 结果即时呈现,支持继续对话优化

相关技能