Agent skill · software engineering · remotion-dev

remotion-create

Create a new Remotion video

Why this skill is useful

Provides specific commands and project structure for creating videos with Remotion that the AI wouldn't reliably generate on its own.

What it needs

Requires git, node installed locally. About 2k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.

What this skill does

These are instructions for making a new Remotion project and composition. If this is not the next task, see Remotion Best Practices Scaffold a project If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project. Inspect the current folder, including hidden files, before choosing where to scaffold. Empty folder If it is empty, or contains only disposable operating-system metadata such as .DSStore, create the project directly in the current folder. Remove only those disposable metadata files first, since create-video rejects non-empty folders. Do not treat all hidden files as disposable: files such as .env and directories such as .git are meaningful contents. Scaffold in existing folder: Non-empty folder If the current folder contains meaningful contents and no project already exists, scaffold into a new subfolder. Replace my-video with a suitable project name. Open the preview before building the video As soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and installing dependencies. For an existing project, do it before editing the video. Keep Studio running while you work so the user can see changes as they appear and steer the result. Designing a video Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and Video Layout Rules for video-first layout and text sizing guidance. Before writing the root that registers <Composition> or <Still> elements, follow Compositions and stills. Is this a timeline of clips? If the video arranges multiple video or audio clips on a timeline, follow Video editing before writing the timeline. Give every clip that should be edited independently its own authored JSX node. Is this a multi-scene video? If this is a video with multiple subsequent scenes, follow guidance at Multi-scene videos. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills remotion-dev/remotion-create

View the source on GitHub

Browse the @skills marketplace