Mona Lisa repainted stroke by stroke in browser paint
27.8K views·158 likes·42 saves·7 reposts·Posted 24 Sept 2026 · 0:31 · Motion Graphics
Our note
A recreation of the Mona Lisa painted in a browser paint app using simulated mouse clicks and drags in Chrome (2,189 brush dabs, 28 mixed colors), then captured as a video of every stroke; made with Claude in Chrome and Cowork.
The creator’s post
Since I am obsessed with painting these days I got Opus 5.5 to replicate Mona Lisa. This was my prompt: "can you search for the picture of Mona Lisa, then replicate it using mouse movement and brushes in JS paint using chrome?" It took 20 minutes for the drawing part using Cowork + Claude in Chrome. After it was done I asked: "Ok now can you make a video of exactly what you just did? Showing every mouse movement and changes?" Result is the video you see! :D More details in thread 🧵
The prompt
Two-step replicate-then-record briefcan you search for the picture of Mona Lisa, then replicate it using mouse movement and brushes in JS paint using chrome? Follow-up: Ok now can you make a video of exactly what you just did? Showing every mouse movement and changes?
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth