37:07I Made Claude Fable 5 Build a Cinematic Scroll Website (No Code)
CreativeDesignTools host Vannarot Roeung directs Claude Fable 5 with one plain English brief to build a cinematic scroll website for a bath brand called Wallow, writing no code by hand. The background is a 36 second film, but it ships as a numbered sequence of still frames drawn to a canvas and mapped to scroll position, so it holds about 60 frames a second, scrubs forward and backward, and never stalls the way a scrubbed video does. The video walks the whole pipeline in order: script the experience like an ad director, generate and chain six clips frame perfect in Google Flow, join and upscale, cut to numbered frames with ffmpeg, wire a roughly 30 line scroll engine, add transform and opacity effects, and verify with a headless Puppeteer check. It doubles as a reproducible method: a coding agent can follow the ordered commands, prompts, and code here to rebuild the same kind of single file cinematic site.