🎁 Get the FREE AI Skills Starter GuideSubscribe →
BytesAgainBytesAgain
🦀 ClawHub

Remotion Server

by @mvanhorn

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

Versionv1.2.1
Downloads3,384
Installs8
Stars4
TERMINAL
clawhub install remotion-server

📖 About This Skill


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.

    💡 Examples

    Create a project:

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

    Render a video:

    npx remotion render MyComp out/video.mp4