Niaz Morshed (NiazMorshed2007) · Animation cloning skill

reanimate

reanimate is a Claude Code skill that reverse-engineers animations from a live site, screen recording, mp4, gif or Lottie file. The author's argument is that an agent rebuilding from a link or screenshot makes one pass and cannot see the motion. reanimate instead records the original in a headless browser, writes a per-element spec, and builds the copy in the project's own stack (CSS, Framer Motion, GSAP or three.js). It then films the copy the same way, compares timing, easing and pixels, and fixes the biggest difference, usually over 2 to 5 rounds. For canvas and WebGL it traces GPU calls on a virtual clock so captures are repeatable. The README lists 14 clones of animations from sites such as vercel.com, stripe.com and resend.com, with figures such as 417 of 417 frames identical for the Vercel Toolbar and tilt within 0.4 px for the Stripe card; these are the author's own results. It is MIT-licensed with 1,388 stars and no tagged releases (repo created 29 Oct 2026). It needs Bun 1.1+ on macOS or Linux and no API keys, and has only been tested with Claude Code.