Hand-made chat SDK launch film next to its code remake
15.2K views · 109 likes · 88 saves · 8 reposts · Posted Sep 27, 2026 · 0:48 · Product & ads
OUR NOTESplit-screen of a Stream Chat launch film: the creator's hand-animated original on top, and below a remake that rebuilt every scene in code from the video and Figma file, cut to the music.
Six months ago I made this launch film for @getstream by hand, because motion was one of the few things AI hadn't nailed yet
Today I gave Claude Opus 5.5 the video and my Figma file. It rebuilt every scene in code, cut to the music
Top: mine. Bottom: Opus 5.5THE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
The Stream Chat SDK just got a major redesign. What's new: – Modern UI with two built-in styles (incl. Liquid Glass) – Shared design system across iOS, Android, React, RN, Flutter – Aligned APIs + component names across platforms – More control with improved ViewFactory + styling In beta for the next 2 weeks. Docs for...
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.