Навык, обучающий кодовых агентов пересобирать видео с анимацией в чистый, редактируемый код: инлайновые SVG-графики и одна временная шкала GSAP, с покадровой навигацией, бесшовным циклом и возможностью сравнения с оригинальным видео бок о бок; записи экрана сайтов или приложений можно превратить в страницы, которые действительно можно прокручивать и кликать по ним.
Звёзды 303 (+8 / 24 ч)
Обоснование
- Агенты не могут смотреть видео, поэтому сначала используется study_video.py для разбивки клипа на кадры каждые 0.25 секунд, кадры до и после каждого резкого перехода, контактный лист, точную монохромную палитру и определение того, является ли оригинал цикличным
- frame_diff.py генерирует изображения оригинала и кода бок о бок в любой момент времени, выставляет оценки и перечисляет 5 худших мест; check_anim.py проверяет соглашения страницы, белый список внешних скриптов, наличие скрытых встраиваний видео или растровых изображений, а также швы цикла
- Жесткие правила: использовать только предоставленное видео, не перегенерировать, не встраивать, не обводить кадры, текст писать согласно исходному промпту; в галерее есть 6 примеров пересборки, оригиналы которых сгенерированы MiniMax H3 Max на платформе fal
Использование
- Claude Code: claude plugin marketplace add lovisdotio/motion2code, затем claude plugin install motion2code@motion2code; для Codex, Cursor, Gemini CLI и других используйте npx skills add lovisdotio/motion2code
- Скажите агенту «пересобери clip.mp4 в цикличную анимацию SVG + GSAP» или «преврати эту запись экрана приложения в настоящий сайт»; полные требования можно указать в prompts/convert-video-prompt.md
- Скриптам требуются Python 3.9+, ffmpeg, а для скриптов, открывающих браузер, также нужен Playwright
Риски
- Правила ограничивают использование плоских SVG-график и монохромных цветов, взятых из оригинала; примеры в README демонстрируют анимацию текста и плоских фигур, но не объясняют, как обрабатывать реалистичные кадры
- Репозиторий создан 20 10 месяца, лицензия MIT; оригиналы из галереи прилагаются только в разрешении 480p для сравнения