Skip to main content

Lesson 1 of 17 · Why Claude writes a program, not a video

See how Claude Code makes a video without drawing a single frame

From Make Motion Graphics with Claude Code: Claude Code can make launch films, product walkthroughs, animated charts and kinetic type. It writes a small web page, has a browser photograph every frame, and joins the frames into a video. You'll learn the setup, the brief, the story, the motion, the sound and the review loop behind a real 46-second launch film made this way. Then you'll reuse that setup for every video after it.


Lesson 01 · The big idea

See how Claude Code makes a video without drawing a single frame

Watch a 30-second excerpt of a launch film Claude Code made, then take a smaller one apart frame by frame.
  • Course: 17 lessons
  • Time: ~7 min
  • Free: This lesson, no account

The film below has no camera footage, and nobody edited it on a timeline. Claude Code wrote it as a small program, and a browser drew it one frame at a time.

Watch it once. Then take a smaller one apart with your own hands.

Our launch film, made with Claude Code

30-second excerpt, 1280x720, 60 frames a second. The picture, the music and every sound effect were generated by code.
No voice-over. Words on screen, in order: Predict. Wrong. See why. SkillTycoon. Learn AI by doing, not watching. Drag it where it belongs. Guess first. Then see why. Do the activity. Then move on.

PREDICT · HOW WAS IT MADE?

Which of these produced the film you just watched?

Think of a flip-book. Claude doesn't draw the pages. It writes the rule for every page, and the browser draws each one when asked.

Or think of sheet music. The program is the score; rendering is the orchestra playing it. Change one note and the next performance changes. There's nothing to re-record.

In code, that rule is usually a function called seek(t). Ask it for any moment and it paints that moment, and only that moment. Below is a 14-second film built that way. Scrub it.

Scrub through a 14-second launch film

Every picture below is computed from one number: the time. Drag the slider, or tap a beat to jump to it.
  • HOOK
  • PAIN
  • PRODUCT
  • PROOF
  • ASK

Check the idea

Three questions.

You ask for the frame at 7.25 s twice: once now, and once after scrubbing to the end and back. What do you get?

The search result in that film should light up half a second later. In a code-made film, what's the fix?

Claude Code outputs the finished MP4 file directly, the way an image model outputs a picture.

Where this shines

Product and launch films, app walkthroughs, animated charts, kinetic type and explainers: anything made of shapes, words, screens and data.

It struggles with photoreal people and natural movement, such as skin, fur and water. Lesson 3 covers how to tell the difference.

What you'll build in this course

Tap a card.
  • A setup that works without terminal experience
  • A brief Claude can't misread
  • Motion with weight, sound on the beat
  • A critic loop and a reusable skill

A code-made video is a function of time. Ask for any moment and you get the same picture, every time. That's what lets Claude review a film, fix one second of it, and render again.

Next: why a frame has to be computed, and the four mistakes that quietly break that.

Topics: Claude Code, motion graphics, product video, launch video, ffmpeg, interactive

See how Claude Code makes a video without drawing a single frame — Make Motion Graphics with Claude Code · SkillTycoon