← ClaudeAtlas

remotion-createlisted

Create a new Remotion video
remotion-dev/claude-code-plugin · ★ 16 · Code & Development · score 70
Install: claude install-skill remotion-dev/claude-code-plugin
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 `.DS_Store`, 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: ```bash npx create-video@latest --yes --blank --no-tailwind . npm i ``` ### 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. ```bash npx create-video@latest --yes --blank --no-tailwind my-video cd my-video npm i ``` ## Designing a video Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance. ## Is this a multi-scene video? If this is a video with multiple subsequence videos, follow guidance at Multi-scene videos. ## Interactivity Best P