#23
A Claude Code skill that copies animations from websites and checks the result against the original
reanimate records an animation you like, recreates it in your code, captures the copy the same way, and compares it with the original. It keeps going until the numbers match. ⭐ 1363
• takes a live website, screen recording, mp4, gif or Lottie
• writes it using what's already in your project: CSS, Framer Motion, GSAP, three.js
• no API keys needed
Installation:
GitHubGitHub - NiazMorshed2007/reanimate: A Claude Code skill that reverse-engineers any animation frame by frame, then proves the copy…npx skills add NiazMorshed2007/reanimate -g
Then in Claude Code:
/reanimate the hero entrance on https://example.com, into components/Hero.tsx
⚠️ Requires Bun 1.1+, macOS or Linux (not tested on Windows). The first run will download about 250 MB.
https://github.com/NiazMorshed2007/reanimateOpen in Telegram ↗Translated from Russian