Claude Now Does Video (FOR FREE) Thanks To JavaScript

Summary
Chase from the channel Chase AI presents a tutorial on generating motion graphics and procedural animation videos using Claude Code and JavaScript without external video generation tools. He explains how Claude writes deterministic JavaScript canvas functions rendered via a headless browser (Playwright) and stitched using FFmpeg, detailing prompt strategies, storyboard workflows, reference matching, and an open-source Claude Code skill (animate).

What is shown

• [00:00] Examples of procedural animations and motion design reels generated by Claude using JavaScript.
• [00:58] A 3Blue1Brown-style explainer animation generated by Claude demonstrating how a video is rendered as a mathematical function of time ($frame(t)$ at 60 fps) stitched with FFmpeg.
• [01:51] Architecture diagram on Excalidraw illustrating the pipeline: code writing $\to$ headless browser frame rendering $\to$ image evaluation/correction $\to$ FFmpeg video assembly $\to$ audio integration.
• [04:08] Side-by-side comparisons of video output based on effort levels in Claude Code (low effort render at [04:51], high effort at [05:07], and ultracode at [05:23]).
• [05:59] Demonstration of generating an approval storyboard (contact sheets) before full rendering to avoid long coding loops.
• [07:19] Breakdown of the four-line prompt pattern incorporating Playwright, FFmpeg, and contact sheet visual review loops.
• [09:57] Reviewing reference websites and creator profiles (Skillry.dev and Kevin Ngo on X) and demonstrating Claude recreating a video reference side-by-side [10:20].
• [11:44] Walkthrough of the GitHub repository ch9191/animate, a Claude Code skill containing preloaded animation styles (cut-paper, crosshatch, riso, sketchbook, math, pixel, isometric, custom) and a 6-step automated workflow (Intake, Story, Look check, Storyboard, Build, Delivery).

Claims & numbers

• The presenter states that generating videos via JavaScript canvas code in Claude is essentially free apart from model token usage, requiring no third-party generative video tools.
• The presenter states that testing the 15-second motion graphics prompt with Claude Opus 5.5 took ~20 minutes on low effort, ~30 minutes on high effort, and 8 hours on ultracode.
• The presenter mentions that ElevenLabs subscription pricing is around $5/month for voice generation.
• The presenter claims that when creating videos via this technique, Claude renders 60 deterministic frames per second.

Notable quotes

• [00:42] “Well, it uses JavaScript, which is a coding language, to essentially create still images... stitches those all together, exports it as an MP4, and you get what you see here.”
• [01:42] “So Claude never made a video. It wrote what the video is: a function of time.”
• [06:11] “Before we tell Claude to go out there and create a 10, 15, 30, 60, 5-minute video from one prompt, why don’t we have it actually storyboarded out for us?”

Assessment
This is a practical tutorial and workflow demonstration showing how Claude Code can script programmatic animations, render them through Playwright, and stitch them with FFmpeg. The demos show real terminal runs, generated MP4 outputs, and a public GitHub skill repository without deceptive staging.

Described by gemini-3.8-flash on 2026-10-12 from the video’s audio and frames.