Repolode
Предложить
oil-oil

oil-oil/oil-motion

Навык агента для Claude Code и Codex, превращающий созданную ИИ анимацию в веб-анимации, управляемые прокруткой, мышью, перетаскиванием, касанием или ориентацией устройства.

Открыть на GitHub
Звёзды
2,632
Форки
197
Открытые issues
1
Последний коммит
16 дней назад

Что это?

Oil Motion — навык для создания интерактивной веб-анимации, не привязанный к конкретному агенту. Он планирует движение, генерирует непрерывную последовательность кадров с помощью ИИ-моделей для видео, проверяет и обрезает кадры, сжимает ресурсы до размера их отображения на странице и связывает ход анимации с прокруткой, перемещением указателя, перетаскиванием, касанием или ориентацией устройства.

Рабочий процесс начинается с согласования ключевых кадров — например, начального, среднего и конечного состояний, — чтобы персонаж сохранял идентичность и структуру. Затем ИИ-видео заполняет промежуточное движение, а смещение, масштабирование, кадрирование, плавность и скорость вращения задаются в коде. На выходе получается подготовленная последовательность кадров или видео, которое браузер перематывает или воспроизводит в ответ на ввод, не генерируя ничего заново во время взаимодействия.

В зависимости от размера, необходимости в прозрачности и требований к воспроизведению ресурсы можно выдавать в виде готового MP4, спрайт-листов WebP с альфа-каналом или MP4 на зелёном фоне с хромакеем в WebGL. Для генерации используются модели изображений и видео ZenMux; необходим API-ключ, сохранённый в системном хранилище учётных данных.

Ключевые возможности

  • 01Сначала планирует ключевые кадры, чтобы персонаж сохранял целостность во всей сгенерированной анимации.
  • 02Связывает ход анимации с прокруткой, мышью, перетаскиванием, касанием или ориентацией устройства.
  • 03Обрезает паузы, удаляет дублирующиеся кадры и отмечает мерцание или структурные изменения.
  • 04Сжимает ресурсы с учётом их фактического размера на странице.
  • 05Поддерживает готовый MP4, спрайт-листы WebP с альфа-каналом и MP4 на зелёном фоне.
  • 06Хранит API-ключ ZenMux в системном хранилище учётных данных.

Сценарии использования

  • Страницы товаров, где устройство при прокрутке раскрывается и показывает внутренние компоненты.
  • Персонажи или маскоты, чьи лица следят за курсором при наведении.
  • Вращающиеся на 360° модели товаров, которыми управляют перетаскиванием.
  • Сторителлинг с прокруткой, переходящий между несколькими связанными видеосценами.

Темы

#agent-skill#web-animation#scroll-animation#frontend#ai-video#interaction#motion-design#agent-skills#animation#claude-code

Частые вопросы

Что такое oil-motion?
Навык агента для Claude Code и Codex, превращающий созданную ИИ анимацию в веб-анимации, управляемые прокруткой, мышью, перетаскиванием, касанием или ориентацией устройства. Oil Motion — навык для создания интерактивной веб-анимации, не привязанный к конкретному агенту. Он планирует движение, генерирует непрерывную последовательность кадров с помощью ИИ-моделей для видео, проверяет и обрезает кадры, сжимает ресурсы до размера их отображения на странице и связывает ход анимации с прокруткой, перемещением указателя, перетаскиванием, касанием или ориентацией устройства.
oil-motion можно использовать бесплатно? Какая у него лицензия?
oil-motion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
oil-motion всё ещё поддерживается?
Активно поддерживается. Последний коммит в oil-motion — 4 окт. 2026 г..
Для чего можно использовать oil-motion?
Страницы товаров, где устройство при прокрутке раскрывается и показывает внутренние компоненты. Персонажи или маскоты, чьи лица следят за курсором при наведении. Вращающиеся на 360° модели товаров, которыми управляют перетаскиванием. Сторителлинг с прокруткой, переходящий между несколькими связанными видеосценами.
Где скачать oil-motion?
Исходный код и инструкции по установке — на GitHub: https://github.com/oil-oil/oil-motion

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

alchaincyf / huashu-motion

Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.

ИИ и машинное обучение#agent-skills#motion-graphics#animation
78077JavaScriptMITОбновлён вчера