Навык агента для Claude Code и Codex, превращающий созданную ИИ анимацию в веб-анимации, управляемые прокруткой, мышью, перетаскиванием, касанием или ориентацией устройства.
2,6 тыс.197PythonMITОбновлён 16 дней назад
frankxai/awesome-motion-design-agent-skills
Подборка ресурсов по motion-дизайну и пяти устанавливаемых навыков для агентов: GSAP, Motion, Remotion, Lottie и Rive; работает с Claude Code, Codex и Copilot.
- Звёзды
- 69
- Форки
- 20
- Открытые issues
- 5
- Последний коммит
- 6 дней назад
Что это?
Это подборка ресурсов по motion-дизайну для AI-агентов, помогающих писать код. Здесь собраны библиотеки веб-анимации, такие как GSAP, Motion, Anime.js и React Three Fiber, виде-инструменты вроде Remotion, а также рантаймы для Lottie и Rive и сторонние наборы навыков для агентов, работающих с тем же стеком.
В репозитории также есть пять собственных навыков в формате SKILL.md. Они посвящены анимации продуктовых интерфейсов и выбору стека, постановке кинематографичных сцен на сайтах, созданию детерминированного видео на React, выбору инструментов для генеративных медиа и проверке качества анимации — её просмотру и захвату. В рекомендациях также предусмотрены режим reduced motion и проверка на реальных устройствах.
Навыки можно установить с помощью npx skills add для множества агентов, через маркетплейс плагинов Claude Code или загрузив zip-файлы на Claude.ai. Проект распространяется по лицензии CC0-1.0.
Ключевые возможности
- 01Подборка ресурсов по GSAP, Motion, Remotion, Lottie и Rive
- 02Пять навыков в формате SKILL.md: анимация интерфейсов, постановка сцен на сайтах, видео на React и проверка качества анимации
- 03Установка через npx skills add, маркетплейс плагинов Claude Code или загрузку zip-файла
- 04Рубрики оценки качества анимации и спецификации анимации сайтов
- 05Список сторонних наборов навыков для агентов с командами установки
Сценарии использования
- Подсказать агенту, как создавать анимированные продуктовые интерфейсы
- Создавать программные видео из кода на React с помощью Remotion
- Проверять качество веб-анимации перед выпуском
- Находить поддерживаемые библиотеки анимации и наборы навыков для motion-стека
Быстрый старт
- 1
Установите все пять навыков в своего агента одной командой
npx skills add frankxai/awesome-motion-design-agent-skills - 2
Проверьте установленные навыки
npx skills list
Что важно знать
- Этот репозиторий — в основном подборка ссылок, многие из которых ведут на сторонние проекты, требующие отдельной проверки.
- При установке навыков инструкции выполняются внутри агента, поэтому README рекомендует проверять сторонние наборы перед использованием.
Темы
Частые вопросы
- Что такое awesome-motion-design-agent-skills?
- Подборка ресурсов по motion-дизайну и пяти устанавливаемых навыков для агентов: GSAP, Motion, Remotion, Lottie и Rive; работает с Claude Code, Codex и Copilot. Это подборка ресурсов по motion-дизайну для AI-агентов, помогающих писать код. Здесь собраны библиотеки веб-анимации, такие как GSAP, Motion, Anime.js и React Three Fiber, виде-инструменты вроде Remotion, а также рантаймы для Lottie и Rive и сторонние наборы навыков для агентов, работающих с тем же стеком.
- awesome-motion-design-agent-skills можно использовать бесплатно? Какая у него лицензия?
- awesome-motion-design-agent-skills распространяется с открытым исходным кодом под лицензией CC0-1.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- awesome-motion-design-agent-skills всё ещё поддерживается?
- Активно поддерживается. Последний коммит в awesome-motion-design-agent-skills — 14 окт. 2026 г..
- Для чего можно использовать awesome-motion-design-agent-skills?
- Подсказать агенту, как создавать анимированные продуктовые интерфейсы Создавать программные видео из кода на React с помощью Remotion Проверять качество веб-анимации перед выпуском Находить поддерживаемые библиотеки анимации и наборы навыков для motion-стека
- Как установить awesome-motion-design-agent-skills?
- Установите все пять навыков в своего агента одной командой: npx skills add frankxai/awesome-motion-design-agent-skills Проверьте установленные навыки: npx skills list
- Где скачать awesome-motion-design-agent-skills?
- Исходный код и инструкции по установке — на GitHub: https://github.com/frankxai/awesome-motion-design-agent-skills
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Набор устанавливаемых скиллов, которые помогают AI-агентам писать код и работать с моушн-дизайном, After Effects, видео в Remotion, анимацией логотипов и фоновыми анимациями.
14028HTMLMITОбновлён 4 месяца назад
Навык для AI-агентов, который обучает принципам моушн-дизайна для анимации интерфейсов: таймингу, плавности и хореографии.
2,3 тыс.149MITОбновлён 5 месяцев назад
Навык для Claude Code и Codex, который превращает страницы продукта в кинематографичные проморолики, создавая видео на Remotion, а не с помощью генеративного ИИ.
12,5 тыс.1,1 тыс.TypeScriptApache-2.0Обновлён 3 дня назад
Набор Agent Skills, которые помогают AI-агентам для программирования — например, Claude Code, Codex и Cursor — создавать видеопроекты на Remotion с учётом лучших практик.
5,4 тыс.592TypeScriptБез лицензииОбновлён 4 дня назад
Навык для Claude Code, который помогает создавать короткометражки в 51 стиле с помощью кода, без моделей генерации видео.
3,9 тыс.440JavaScriptMITОбновлён вчера