Create Ads and Marketing Videos in Minutes With Remotion

Open your preferred AI chat tool. The source recommends NotebookLM.

• Add screenshots of your website and products as sources.
• Link to your website as an additional source.
• Optionally, link to YouTube videos in the style of the video you want to create.

Generate 5 concepts for promotional videos and ads for my brand. Refine the concepts as needed.

Give me a prompt to instruct Codex on how to set up my repo and a plan to create all of those components and make those videos with Remotion. Use Remotion Codex to help with styling.

You can replace Codex with Claude Code or Cursor if you prefer. The Remotion Skill works with those too.

Open your terminal and run: npx create-video@latest

When prompted, make your choices and name your project. This example uses the Hello World template.

At the end, it will prompt you to install the Remotion skill. Hit enter. Otherwise, add the skill manually with: npx skills add remotion-dev/skills

Hit enter again to open the project in your code editor.

Run these commands to install dependencies and launch the Remotion editor: npm install and npm run dev

Drop the markdown instructions you generated into the root of your project.

Start a new git repo with git init. This helps Codex with context.

Read the PRD and create all the components needed for the video concepts.

Pro tip: If you want to include screenshots or videos of your website or product, drop those into the repo and ask Codex to organize them for you.

Tell Codex to create the video for the first concept.

Make sure your server is running with npm run dev.

Open http://localhost:3000 in your browser. You should see a video editor and your generated video.

Click the rocket ship next to the video title on the left to render and export the video.

You can also ask Codex to bulk render videos using the npx remotion render [video name] command.

Pro tip: Click the format dropdown in the render menu to export your video as a GIF.