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
- New or cloned project — Apply rules/settings.md so local Chrome / headless shell and
Configmatch the environment, then scaffold withcreate-videoif needed. - Implement a scene — Open exactly one rule below for structure, timing, and styling conventions used in this repo.
Scaffold
npx create-video@latestScene 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.