Claude научили воровать любые анимации с чужих сайтов

Фронтендеры знают эту боль: видишь на чужом сайте красивую анимацию, просишь ИИ повторить, а он делает один заход, говорит «готово» и промахивается. Он просто не видит движения и не понимает, насколько ошибся.

Разработчик Ниаз Моршед на этой неделе выложил на GitHub скилл reanimate для Claude Code, который чинит ровно это. Ему можно скормить живой сайт, запись экрана, MP4, GIF или файл Lottie. Скилл снимает оригинал в браузере с фиксированным размером окна и частотой кадров, расписывает каждый движущийся элемент: когда стартует, сколько длится, куда едет и по какой кривой.

Дальше Claude пересобирает анимацию на том, что уже есть в проекте: CSS, Framer Motion, GSAP или three.js. Потом снимает копию тем же способом, сравнивает тайминги, плавность и пиксели с оригиналом и правит самое заметное расхождение. Обычно на это уходит от двух до пяти кругов, а то, что так и не совпало, честно попадает в отчёт.

По умолчанию reanimate копирует только движение (тайминг с точностью до 80 мс), а внешний вид оставляет вам. Если попросить «один в один», он подтягивает шрифты, цвета и отступы и добивается расхождения по пикселям не больше 2%. Для canvas и WebGL скилл записывает, что страница отправляет видеокарте: шейдеры, параметры и сцену three.js, так что справляется и с трёхмерными эффектами.

Ставится одной командой npx skills add NiazMorshed2007/reanimate -g, нужен Bun 1.1 или новее на macOS или Linux, ключи API не нужны. При первом запуске скилл докачает ffmpeg и Chromium, это около 250 МБ. Ограничение одно: страницы за логином, YouTube и Loom напрямую не записать, им нужна запись экрана.

Вердикт: подсматривать у соседей стало неприлично удобно.