My experiments with Remotion + Codex to create videos

Disclaimer: This is a draft blogpost. I am dumping links, quotes and thoughts here until I'm actually ready to finalize the blogpost. 

Installation

Install npm and Codex

Project setup

Create a folder for video, cd in new folder and run:

npx create-video@latest --blank ; npm i ; npm run dev

(Choose defaults for all question

Now live video preview will be running on http://localhost:3000/MyComp 

Create Video

Open new tab in Terminal and cd to the project folder e.g.

cd ~/Documents/my-video/

Run codex cli in this folder:

codex

Run these prompts and preview video after each prompt:

Use Remotion best practices skill. Create a 30-second video at 30fps. Start with a hook: white text on black background, Where do you even buy music anymore?' — fade it in, hold for 2 seconds, fade out.

Preview video at http://localhost:3000/MyComp 

Next section: show our logo from public/discdepot-logo.png. Use a warm orange gradient background. Add a subtle tagline below:

"Music, delivered!"

Preview video at http://localhost:3000/MyComp 

In the next section, add a counter that counts up to 12,000 with a plus sign. Label it 'Happy customers. Keep the same background style!

Preview video at http://localhost:3000/MyComp 

In the next section: Create 5 CD album covers as abstract gradient cards. Different color combinations. Animate them sliding in one by one, arranged in a row.

Add artist names and song titles.

Preview video at http://localhost:3000/MyComp 

Let's add a final section:

End with a call to action: 'Find your sound.' and the URL 'discdepot.com'.
Fade to black

Preview video at http://localhost:3000/MyComp 

Render a video

To render a video, run:
npx remotion render

Links to get you started:

• remotion.dev/docs
• remotion.dev/prompts

Source for this blogpost: https://www.youtube.com/watch?v=5NRAOnKc3c8