GitHub-радар
Скопируй анимацию с любимого сайта в свой код с помощью ИИ-агента
Инструмент сам записывает анимацию с сайта или видео, переписывает её в твоём коде и сверяет копию с оригиналом, пока разница не исчезнет.
Дополнительный навык (скилл) для ИИ-агента Claude Code: он записывает анимацию с сайта, видео или gif-файла и воссоздаёт её в коде твоего проекта, сверяя копию с оригиналом покадрово.
Когда пригодится
Пригодится, когда хочешь повторить конкретный эффект — наведение, параллакс, 3D-сцену — с понравившегося сайта. Для обычной статичной страницы без движения не нужен.
Плюсы
- Сверяет копию покадрово, а не угадывает тайминг на глаз
- Работает по твоей подписке Claude Code, без платных ключей ИИ
- Понимает canvas, WebGL и 3D-сцены, а не только CSS
- Реальные клоны сайтов готовы за 30–90 минут
Минусы
- Работает только на macOS и Linux, не на Windows
- При первом запуске скачивает около 250 МБ дополнительных инструментов
- Для страниц за логином нужна запись экрана, а не ссылка
Как поставить — по шагам
- 1Открой Claude Code в папке своего проекта.
- 2Отправь агенту текст из блока ниже.
- 3Когда скилл установится, введи `/reanimate` со ссылкой на анимацию, которую хочешь скопировать.
- 4Подожди несколько проверочных раундов — агент покадрово сравнивает копию с оригиналом.
- 5Посмотри итоговый отчёт: что совпало, а что осталось неточным.
- 6Возьми готовый код за основу и донастрой стиль под свой проект.
Текст для агента
Текст для шага с агентом — скопируй и отправь (Claude Code, Codex, любой):
Установи скилл reanimate из https://github.com/NiazMorshed2007/reanimate командой `npx skills add NiazMorshed2007/reanimate -g`, потом попроси у меня ссылку на анимацию, которую хочу повторить, и запусти для неё /reanimate в Claude Code — покажи, что получилось.
Обычный ноутбук на macOS или Linux — видеокарта не нужна (Windows пока не проверяли). Нужны только Bun и Claude Code; первый запуск скачивает headless-браузер и ffmpeg, это около 250 МБ, дальше всё работает локально.
Открыть на GitHub▌ Ещё находки