Claude Makes a New Kind of Video - Full Tutorial, by Futurepedia on YouTube. 11 min 19 s.
- Video length
- 11 min 19 s
- Time to do it
- 30 minutes
- Difficulty
- Medium
- Steps
- 9
What you need
Steps
Write your script or narration first and keep it short. One idea per scene makes the animation easier to time and easier for Claude to build.
Open a new Claude chat and ask for a video as a single self-contained HTML file. State the aspect ratio, the length in seconds and the overall look you want.
Browse the Style Atlas, a free collection of 86 prompts for animated explainer styles. Copy the prompt that matches the look you want and paste it into Claude as your style reference.
Refine the prompt before generating. Name each scene, the text on screen, the colours, the fonts, the transitions and how many seconds each scene lasts.
Ask Claude to keep everything in one file with no external libraries. That way the animation runs offline with no setup.
Copy the code Claude returns, paste it into a text editor and save it as video.html. Double-click the file to watch it play in your browser.
Request changes scene by scene instead of starting over. Say which scene to adjust, what to change and what to keep the same.
For a narrated version, give Claude the voiceover transcript and ask it to time each scene change to the matching words.
Record the browser playback with a screen recorder at 1080p to get an MP4, or capture the browser tab directly if your recorder supports it.
Tips and common mistakes
Ask for one HTML file rather than separate files, so you can preview it with a double-click.
Keep each scene under about five seconds, or the animation feels slow next to a voiceover.
Save a copy of each working version before you ask for big changes, so you can go back.
Preview at full screen and hide your bookmarks bar before recording.
Questions
Does Claude generate video files directly?
No. Claude writes HTML, CSS and JavaScript code that animates in your browser. You turn that into an MP4 with a screen recorder.
Do I need to know how to code?
Not really. You describe the video in plain English and paste the result into a file. Basic HTML knowledge helps when you want to tweak text or colours by hand.
Can I add my own voiceover?
Yes. Give Claude the transcript and ask it to match scene timings to the words, then play your audio alongside the animation while you record.
This guide was drafted from the video's details and general task knowledge. It has not been checked against the full video. Check the video and relevant product instructions before following a procedure. Report a correction.
