Claude can now steal any animation from any website

Every front-end developer knows the pain: you see a beautiful animation on someone else's site, ask an AI to recreate it, and it makes one pass, says "done" and misses. It simply can't see the motion or tell how far off it is.

This week developer Niaz Morshed put reanimate on GitHub, a Claude Code skill that fixes exactly that. You can feed it a live site, a screen recording, an MP4, a GIF or a Lottie file. It films the original in a browser at a fixed viewport and frame rate, then writes down every moving element: when it starts, how long it lasts, where it goes and on which easing curve.

Then Claude rebuilds the animation with whatever the project already uses: CSS, Framer Motion, GSAP or three.js. It films the copy the same way, compares timing, easing and pixels against the original and fixes the biggest difference. That usually takes two to five rounds, and anything that still doesn't match goes into the report.

By default reanimate only copies the motion (timing within 80 ms) and leaves the look to you. Ask for "match it exactly" and it also matches fonts, colours and spacing, aiming for no more than 2% mean pixel mismatch. For canvas and WebGL it records what the page sends to the GPU, including shaders, uniforms and the three.js scene, so it handles 3D effects too.

It installs with one command, npx skills add NiazMorshed2007/reanimate -g, needs Bun 1.1 or later on macOS or Linux, and no API keys. The first run downloads ffmpeg and Chromium, about 250 MB. One limit: pages behind a login, YouTube and Loom can't be recorded directly, so you hand it a screen recording.

Verdict: borrowing from the neighbours just got embarrassingly easy.