# reanimate: a Claude Code skill that films an animation, rebuilds it, then re-films the copy until they match

Canonical: https://theagenticweekly.com/news/reanimate-claude-code-skill-clones-animations · Evidence: Reported · First seen: 2026-10-31 20:23 UTC · Source published: 2026-10-29 06:20 UTC · Brief published: 2026-11-01 00:19 UTC · Updated: 2026-11-01 00:19 UTC · Author: Agentic Weekly

> reanimate is an MIT-licensed Claude Code skill, created on GitHub on Oct 29, 2026, that records a reference animation, rebuilds it in your code, then records the copy and compares the two; its README says "Each round shows what's still off, so the agent keeps going until the numbers match." It had 461 GitHub stars when we checked on Oct 31, 2026.

## What changed

- reanimate is a Claude Code skill that works from a live site, a screen recording, an mp4, a gif or a Lottie file. It installs with `npx skills add NiazMorshed2007/reanimate -g` and is invoked as /reanimate with a target and a destination file.
- Its loop, per the README: record the reference in a headless browser at a fixed viewport and frame rate, write a per-element spec (start, duration, easing, stagger), build it with what the project already uses (CSS, Framer Motion, GSAP or three.js), film the copy the same way and compare, usually over 2 to 5 rounds.
- By default it matches motion only (timing within 80 ms, same easing family and distance). Asking for a pixel-perfect match also checks fonts, colours, spacing and assets, with a target of 2% or less mean pixel mismatch.
- For canvas, WebGL and WebGPU it traces the GPU calls and hooks three.js, Pixi, PlayCanvas, Babylon and OGL scene graphs; a virtual clock with seeded Math.random makes repeat captures identical.
- It needs Bun 1.1 or later on macOS or Linux (Windows untested), needs no API keys, and on first run downloads a static ffmpeg plus Playwright's Chromium, about 250 MB together. The README says it has only been tested with Claude Code.
- The README lists 14 example clones of animations from sites including vercel.com, stripe.com, clerk.com and resend.com, each with the author's own match measurements, and says most took 30 to 90 minutes.

## In the source's words

> "It can't see the motion or tell how far off it is."
> (reanimate README, on why one-pass agent rebuilds miss, https://github.com/NiazMorshed2007/reanimate)

> "Each round shows what's still off, so the agent keeps going until the numbers match."
> (reanimate README, https://github.com/NiazMorshed2007/reanimate)

## Early verdict

Worth a look if you rebuild web animations with Claude Code: the record, compare and repeat loop targets the exact failure the README describes, a single pass with no way to measure the gap. (Basis: Based only on the project's README as read on Oct 31, 2026; we have not run it.)

## What we have not verified

- We did not install or run the skill; every match figure (frames identical, pixel mismatch, milliseconds) is the author's own claim from the README.
- We did not check how well it works with agents other than Claude Code, which the README says are untested.
- The README notes that fonts, images and code copied from another site still belong to their owners; we did not assess licensing of any specific clone.

## Timeline

- Source published: 2026-10-29 06:20 UTC
- First seen by our watcher: 2026-10-31 20:23 UTC (via GitHub new repos: topic claude-code)
- Brief published: 2026-11-01 00:19 UTC

## Sources

- [reanimate repository and README (GitHub)](https://github.com/NiazMorshed2007/reanimate) (primary source) (fetched 2026-11-01)

## Related

- [Claude Code: verdict and setup guide](https://theagenticweekly.com/tools/claude-code)
- [Claude: verdict and setup guide](https://theagenticweekly.com/tools/claude)
- [Claude Code vs Codex CLI](https://theagenticweekly.com/compare/claude-code-vs-codex-cli)
- [Claude Code vs Cursor](https://theagenticweekly.com/compare/claude-code-vs-cursor)
- [Claude Code vs Gemini CLI](https://theagenticweekly.com/compare/claude-code-vs-gemini-cli)
- [Alternatives to Claude Code](https://theagenticweekly.com/alternatives/claude-code)
- [All news briefs](https://theagenticweekly.com/news)
- [This week's releases](https://theagenticweekly.com/this-week)
- [New AI models this week](https://theagenticweekly.com/models/this-week)

## How to cite

Agentic Weekly, "reanimate: a Claude Code skill that films an animation, rebuilds it, then re-films the copy until they match", published 2026-11-01 00:19 UTC, https://theagenticweekly.com/news/reanimate-claude-code-skill-clones-animations