skill-remotion-scenes

Installation
SKILL.md

When to use

Consult this skill when the task is Remotion-specific: building or editing compositions, scene components, or render setup where frames and video output matter. The rule files hold focused recipes; read only the one that matches the scene you are implementing.

Workflow

  1. New or cloned project — Apply rules/settings.md so local Chrome / headless shell and Config match the environment, then scaffold with create-video if needed.
  2. Implement a scene — Open exactly one rule below for structure, timing, and styling conventions used in this repo.

Scaffold

npx create-video@latest

Scene rules (read as needed)

Rule Use when
rules/settings.md remotion.config.ts / @remotion/cli/config, browser executable, consistent renders
rules/hero.md Top banner, title + subtitle, first-impression intro
rules/section-title.md Chapter / section title card (number, title, description, motion)
rules/code-editor.md Code demo: highlight.js + per-character reveal + auto-scroll
rules/terminal.md Fake terminal, typewriter command output, header bar
rules/danmaku.md Horizontal bullet comments / 弹幕 over video
rules/subtitles.md Subtitle / caption overlay scenes with audio timeline sync

Do not load every rule up front—pull in the file that matches the current scene to keep context lean.

Installs
9
First Seen
Mar 23, 2026