Reanimate: ИИ-агент для покадрового копирования веб-анимаций с точностью до 80 мс
На GitHub опубликован Reanimate — инструмент с открытым кодом, который даёт ИИ-агенту способность воспроизводить веб-анимации с высокой точностью. Навык интегрируется в Claude Code и работает по принципу записи, покадрового анализа и итеративной коррекции кода.
Что такое Reanimate и как он работает
Reanimate представляет собой навык для среды Claude Code. Агент записывает исходную анимацию — будь то страница в браузере, видеофайл или GIF — затем разбирает движение каждого элемента по кадрам. На основе анализа генерируется код, после чего результат автоматически сравнивается с оригиналом. При обнаружении расхождений система вносит исправления и повторяет проверку до достижения заданных порогов точности.
Технические возможности: поддержка CSS, Canvas, WebGL, WebGPU и 3D
Инструмент не ограничивается простыми CSS-переходами. Поддерживаются Canvas, WebGL и WebGPU, что позволяет воспроизводить сложные трёхмерные сцены и эффекты частиц. Таким образом, охватывается широкий спектр современных веб-технологий рендеринга.
Режимы точности: стандартный (80 мс) и pixel-perfect (2% расхождений)
По умолчанию Reanimate удерживает временную разницу анимации в пределах 80 миллисекунд. Доступен также режим pixel-perfect: в нём дополнительно сверяются шрифты, цвета, размеры и расположение элементов, допуская расхождение не более 2% по визуальным параметрам.
Процесс самокоррекции: циклы записи, анализа и исправления кода
Работа строится на цикле обратной связи. После генерации кода агент сравнивает рендеринг с эталоном, фиксирует отклонения и переписывает фрагменты кода. По данным автора проекта, для большинства анимаций достаточно от двух до пяти таких итераций для достижения целевой точности.
Стек запуска: Bun, Playwright, FFmpeg — локально и без платных API
Инструмент выполняется полностью локально. В стек входят JavaScript-рантайм Bun, библиотека автоматизации браузера Playwright и мультимедийный фреймворк FFmpeg. Сам Reanimate не требует оплаты за внешние API, что снижает порог входа и исключает зависимость от сторонних сервисов.
Лицензия MIT и ссылки на проект
Исходный код распространяется под лицензией MIT. Репозиторий доступен на GitHub, также существует сайт проекта. Автором указан аккаунт @dailyprompts.
Вопросы и ответы
Какие технологии анимаций поддерживает Reanimate?
Инструмент работает с CSS-анимациями, Canvas, WebGL и WebGPU, включая сложные 3D-сцены и частицы.
Какова точность воспроизведения по умолчанию?
В стандартном режиме временная разница удерживается в пределах 80 миллисекунд.
Требует ли инструмент платных API для работы?
Нет, Reanimate запускается локально через Bun, Playwright и FFmpeg без необходимости оплаты за API самого инструмента.