โ† All skills
Tencent SkillHub ยท Developer Tools

Remotion + Excalidraw + TTS

Generate a narrated Remotion video from an Excalidraw (.excalidraw) diagram using text-to-speech (macOS say) and render to MP4. Use when creating explainer videos with pan/zoom + focus highlights over Excalidraw diagrams, with automated voiceover generation and Remotion CLI rendering.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Generate a narrated Remotion video from an Excalidraw (.excalidraw) diagram using text-to-speech (macOS say) and render to MP4. Use when creating explainer videos with pan/zoom + focus highlights over Excalidraw diagrams, with automated voiceover generation and Remotion CLI rendering.

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, assets/template/remotion-project/README.md, assets/template/remotion-project/eslint.config.mjs, assets/template/remotion-project/package-lock.json, assets/template/remotion-project/package.json, assets/template/remotion-project/postcss.config.mjs

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.1.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 6 sections Open source page

Remotion + Excalidraw + TTS (Local)

Use this skill to turn an Excalidraw diagram + a voiceover script into a rendered MP4 using: Remotion (render) Excalidraw (render the .excalidraw JSON directly) TTS via macOS say (offline)

Quick start (one command)

Run: python3 skills/remotion-excalidraw-tts/scripts/make_video.py \ --diagram /absolute/path/to/diagram.excalidraw \ --voiceover-text /absolute/path/to/voiceover.txt \ --out /absolute/path/to/out.mp4 Optional: drive camera/focus/subtitles via storyboard JSON: python3 skills/remotion-excalidraw-tts/scripts/make_video.py \ --diagram /absolute/path/to/diagram.excalidraw \ --voiceover-text /absolute/path/to/voiceover.txt \ --storyboard-json /absolute/path/to/storyboard.json \ --out /absolute/path/to/out.mp4 What it does: copies the Remotion template project from assets/template/remotion-project/ into a temp workdir writes public/diagram.excalidraw generates public/voiceover.mp3 via say + ffmpeg sets composition duration to match the voiceover length renders MP4 with npx remotion render

Inputs

--diagram: .excalidraw JSON file (from Excalidraw export) --voiceover-text: plain text file (Chinese supported) Optional: --voiceover-mp3: if you already have audio, skip TTS --tts-backend: say (default) | openai | elevenlabs --fps: default 30 TTS backends: macOS say: --tts-backend say --voice Tingting --rate 220 OpenAI: --tts-backend openai --openai-model gpt-4o-mini-tts --openai-voice alloy (requires OPENAI_API_KEY) ElevenLabs: --tts-backend elevenlabs --elevenlabs-voice-id <voiceId> --elevenlabs-model eleven_multilingual_v2 (requires ELEVENLABS_API_KEY)

Option A: edit TypeScript storyboard

Template code lives in: assets/template/remotion-project/src/video/storyboard/storyboard.ts Edit scenes: cameraFrom/cameraTo (x/y/scale) focus rectangle (x/y/width/height + label) subtitle

Option B (recommended): provide storyboard.json

Pass --storyboard-json /abs/path/storyboard.json. Schema reference: references/storyboard.schema.json Minimal example: { "scenes": [ { "name": "intro", "durationSec": 10, "subtitle": "ๅพˆๅคšๆ™บ่ƒฝไฝ“้š”ๅคฉๅฐฑๅคฑๅฟ†ใ€‚", "cameraFrom": {"x": 0, "y": 0, "scale": 1}, "cameraTo": {"x": 0, "y": 0, "scale": 1}, "focus": {"x": 140, "y": 120, "width": 1640, "height": 340, "label": "้—ฎ้ข˜"} } ] }

Requirements

macOS (for say) ffmpeg + ffprobe Node.js + npm (the script will run npm i in the temp project)

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
2 Docs2 Scripts2 Config
  • SKILL.md Primary doc
  • assets/template/remotion-project/README.md Docs
  • assets/template/remotion-project/eslint.config.mjs Scripts
  • assets/template/remotion-project/postcss.config.mjs Scripts
  • assets/template/remotion-project/package-lock.json Config
  • assets/template/remotion-project/package.json Config