Log in GO PRO NOW
GO PRO NOW
Want your workflow in The Rundown? Share it

Guides Remotion

Create Ads and Marketing Videos in Minutes With Remotion

Learn how to programmatically generate ads and marketing videos with code.

advanced 5 steps

Introduction

Learn how to programmatically generate ads and marketing videos with code. This workflow helps you conceptualize, template, and generate dozens of videos in minutes using just a few dollars of tokens.

You can link to YouTube videos in the style of the video you want to create, or drop product screenshots and videos into your repo and ask Codex to organize them.

Step-by-step 5 steps

Instructions

  1. Step 1 of 5

    Generate ad and promotional video concepts

    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.
    Prompt 
    Generate 5 concepts for promotional videos and ads for my brand. Refine the concepts as needed.
  2. Step 2 of 5

    Create the Remotion implementation plan

    Prompt 
    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.

  3. Step 3 of 5

    Create your Remotion project

    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.

    03_terminal

    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.

  4. Step 4 of 5

    Install, launch, and generate the components

    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.

    Prompt 
    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.
  5. Step 5 of 5

    Create, preview, render, and export your video

    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.

    05_editor

    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.
    05_render

You're done

That's the whole workflow

Mark it complete to save your progress. Background and answers to common questions follow below.

Keep going

Keep learning with Rundown Pro

A guide shows you one workflow. Pro opens the full course library, so you can learn the whole system behind it.

  • Every on-demand course
  • Certifications on completion
  • Group office hours and member perks

$29/mo, cancel anytime

Overview Back to the steps

Background and context

Who This Is Useful For

  • Marketers looking to test hooks and CTAs in their ads
  • Business owners who want to automate content production
  • Anyone who runs out of Sora tokens quickly

What You Will Build

You will build a reusable Remotion workflow for generating promotional video concepts, turning those concepts into code-based video components, and rendering/exporting finished marketing videos.

  • Promotional video and ad concepts for your brand
  • A Remotion project set up from a starter template
  • Video components generated from your concepts
  • At least one rendered and exported marketing video

What You Need

  • A code editor, such as Cursor
  • Codex, Claude Code, or Cursor Agent
  • An AI chat tool, with NotebookLM recommended
  • Screenshots of your website and products
  • A link to your website
  • Optional: YouTube videos in the style of the video you want to create

Going Further

  • After generating your first video, you can render additional videos in bulk, export your video as a GIF, or add royalty-free music and sound effects by dropping MP3 files into your project folder and asking Codex to add them with the Remotion skill. Going forward, add music and sound effect cues directly into your video scripts.
$29 billed monthly · cancel anytime
Go Pro