Remotion create

Skill aiskillstore/marketplace/skills/remotion-dev/remotion-create

Creating a new Remotion videoFrom its SKILL.md

Install

npx -y skills add aiskillstore/marketplace --skill remotion-create

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

SKILL.md

1.4 KB, 318 tokens by cl100k_base, as published. Nobody here has run it

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.

Scaffold one using:

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

Replace my-video with a suitable project name.

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.

Interactivity Best Practices

By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code.

TailwindCSS

If Tailwind is requested, see tailwind.md for using TailwindCSS in Remotion.

Starting preview

npx remotion studio --no-open

This will start a long-running process and print the server URL for the preview.

Follow-up

The video creation process has finished. For follow-up prompts, use Remotion Best Practices

What ships with it: 3 files

20.1 KB alongside SKILL.md