Mona Lisa repainted stroke by stroke in browser paint
27.8K views · 158 likes · 42 saves · 7 reposts · Posted Sep 23, 2026 · 0:31 · Motion graphics
OUR NOTEA 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.
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
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 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.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.