Install Wispr Flow (optional)
- Sign up at wisprflow.ai/r?CHAN115
- Download and install the app for your operating system
- Configure settings — enable these options for the best experience:
- Experimental > Command Mode — Enable advanced voice commands
- Press Enter Command — Automatically press enter when you say “press enter”
- Bulk Import — Import snippets and dictionary items
What is Wispr Flow?
What is Wispr Flow?
Open your terminal
- Windows
- macOS
- Press the Windows key on your keyboard
- Type PowerShell
- Click Windows PowerShell in the search results
How to open a terminal in a specific folder
How to open a terminal in a specific folder
powershell, and press Enter. A terminal opens right in that folder.macOS: Open Finder and navigate to the folder. Right-click the folder and select “Open Terminal at Folder”. If you don’t see this option, you can open Terminal normally and type cd (with a space), then drag the folder into the Terminal window and press Enter.Install Node.js
node --version in your terminal to check — you should see a version number like v22.x.x.- Windows
- macOS
- Go to nodejs.org
- Click the big green LTS button to download the installer
- Open the downloaded
.msifile - Click Next through all the screens — the default settings are fine
- Click Install, then Finish
How do I know it worked?
How do I know it worked?
v22.x.x. If you see an error, try closing and reopening your terminal, then run the command again.Install your AI assistant
- Gemini CLI (Free)
- Claude Code (Paid)
gemini in your terminal to check it still works.- Choose “Sign in with Google”
- A browser window will open — sign in with your Google account
- Come back to the terminal when it says you’re connected
'npm' is not recognised
'npm' is not recognised
Permission denied error
Permission denied error
sudo before the command:/quit to exit Gemini CLI for now. We will start it again after setting up the video project.Get your ElevenLabs API key
Create a free ElevenLabs account
Find your API key
- Click your profile icon in the bottom-left corner
- Click Profile + API key
- Click Show next to your API key
- Click the copy icon to copy it to your clipboard
Save your API key somewhere safe
What is an API key?
What is an API key?
What does the free tier include?
What does the free tier include?
Can I use any voice?
Can I use any voice?
Create your video project
- Project name:
my-promo-video(or any name you like) - Template: Select Blank
- TailwindCSS: Yes
- Install Skills: Yes
'npx' is not recognised or the command fails
'npx' is not recognised or the command fails
node --version to check. If that works but npx fails, try closing and reopening your terminal. On Windows, you may need to run the terminal as Administrator.The project name already exists
The project name already exists
my-promo-video in the rest of this tutorial.Start the video preview
http://localhost:3000). You should see an empty video canvas.The browser does not open automatically
The browser does not open automatically
http://localhost:3000. If you see an error, make sure the terminal shows “Server running” or similar — it may take a moment to start.Start your AI assistant in the project
- Gemini CLI (Free)
- Claude Code (Paid)
Verify your setup
Node.js installed
Node.js installed
node --version in your terminal. You should see a version number.AI assistant installed
AI assistant installed
gemini or claude in your terminal. It starts up and shows a prompt where you can type.ElevenLabs API key saved
ElevenLabs API key saved
Remotion project created
Remotion project created
my-promo-video exists on your computer with project files inside.Preview server running
Preview server running
npm run dev and you can see the Remotion preview at http://localhost:3000.AI assistant running in the project
AI assistant running in the project
my-promo-video folder.