History of AI — A Film Rendered Entirely in Code
Chubby♨️
@kimmonismus · 148.1K followersA 3-minute documentary film tracing the history of AI — from "Attention Is All You Need" to AGI — where every single frame is generated from code. No stock footage, no image generators: ~7,400 lines of React/TypeScript using Remotion, every visual drawn in SVG and Canvas, an open-source TTS voice, and a musical score synthesized in Python. @kimmonismus built the whole thing with Claude Opus 5.5 via Claude Code in about one hour, spending just 7% of a weekly API budget.
- Every frame is pure code: SVG illustrations and Canvas graphics replace stock footage entirely
- Full production pipeline in one session — narration (TTS), original score (Python synthesis), and 7,400 lines of Remotion/TypeScript
- Built in ~1 hour at 7% of a weekly API rate, start to finish with Claude Opus 5.5
“I wanted to quickly create a short video with Opus 5.5 about the history of AI, from "Attention is all you need" to AGI. No stock footage, no image or video generators: every frame is rendered from code. This 3-minute film was made 100% in code by Claude in Claude Code: ~7,400 lines of React/TypeScript (Remotion), every image drawn in SVG and Canvas, an open-source TTS voice, and a score synthesized in Python. No stock footage. No image generators. Id say pretty cool! Tookl about 1h and 7% weekly rates.”
Similar builds
Claude's Motion Design Showreel
@stephanlivera
♥ 16.8K · 2.1M views
AI Time Horizon — Animated Data Explainer
@donaldjewkes
♥ 10.2K · 3.5M views
One Shape, 14 UI States — Spring Motion Loop
@twoclipping
♥ 12K · 1M views
Pixel Art Neural Network Training Animation
@DotCSV
♥ 9.4K · 571.9K views
What Do You Love? — Hand-Drawn JS Animation
@kevin_t_ngo
♥ 6.1K · 638.8K views
AI-Directed Netflix-Style Superintelligence Doc
@gavinpurcell
♥ 4K · 849.5K views
Anime Dance Motion Reel — AI Pipeline
@sankakuten91256
♥ 3.7K · 718.5K views
Claude Motion Reel — Animation Principles Demo
@kenn
♥ 4.7K · 524.7K views