Набор Agent Skills, которые помогают AI-агентам для программирования — например, Claude Code, Codex и Cursor — создавать видеопроекты на Remotion с учётом лучших практик.
iart-ai/motion-design-skills
Набор устанавливаемых скиллов, которые помогают AI-агентам писать код и работать с моушн-дизайном, After Effects, видео в Remotion, анимацией логотипов и фоновыми анимациями.
- Звёзды
- 140
- Форки
- 28
- Открытые issues
- 0
- Последний коммит
- 4 месяца назад
Что это?
Motion Design Skills — коллекция из девяти скиллов для AI-агентов, пишущих код, таких как Claude Code, Cursor и Codex. Каждый скилл содержит рекомендации по отдельной области моушн-дизайна: тайминг и easing, цвет и интерполяция, композиция кадра, арт-дирекшн, рабочие процессы в After Effects, монтаж в такт музыке, создание видео в Remotion, анимация появления логотипов и зацикленные фоны.
Скиллы можно установить с помощью npx skills add или через маркетплейс плагинов Claude Code. Они активируются, когда запрос касается моушн-дизайна: например, нужно сделать анимацию менее скованной, анимировать логотип или создать видео на основе данных в Remotion. Проект распространяется по лицензии MIT и написан на HTML; сами скиллы посвящены знаниям о дизайне и инструментах.
Проект входит в более крупный набор паков той же организации, каждый из которых предназначен для своей аудитории — например, создателей видео для соцсетей, frontend-разработчиков или преподавателей.
Ключевые возможности
- 01Охватывает тайминг, easing и основные принципы анимации независимо от конкретного инструмента.
- 02Содержит рекомендации по expressions, риггингу, экспорту и производительности в After Effects.
- 03Включает скиллы для Remotion, позволяющие рендерить видео на React в MP4 или GIF.
- 04Предлагает шаблоны анимации появления логотипов, stinger-анимаций и лоадеров для сайтов, видео и приложений.
- 05Содержит рекомендации по mesh gradient, shader aurora и фонам с частицами.
- 06Позволяет устанавливать скиллы в несколько AI-агентов для написания кода через npx или маркетплейс плагинов Claude Code.
Сценарии использования
- Сделать скованную или роботизированную анимацию интерфейса более естественной.
- Создать видео с кинетической типографикой и последовательным появлением текста.
- Сгенерировать с помощью Remotion серию видео на основе данных из CSV-файла.
- Добавить неброский зацикленный фон за главным блоком сайта.
Быстрый старт
- 1
Установите навыки с помощью npx
npx skills add iart-ai/motion-design-skills - 2
Или добавьте их как маркетплейс плагинов Claude Code
/plugin marketplace add iart-ai/motion-design-skills - 3
Установите плагин в Claude Code
/plugin install motion-design-skills
Что важно знать
- В README они описаны как инструкции в промптах для AI-агентов, а не как самостоятельное программное обеспечение; о запускаемом приложении там не говорится.
- Полный функционал агента доступен на iart.ai, и в README этот сервис представлен наряду с навыками.
Темы
Частые вопросы
- Что такое motion-design-skills?
- Набор устанавливаемых скиллов, которые помогают AI-агентам писать код и работать с моушн-дизайном, After Effects, видео в Remotion, анимацией логотипов и фоновыми анимациями. Motion Design Skills — коллекция из девяти скиллов для AI-агентов, пишущих код, таких как Claude Code, Cursor и Codex. Каждый скилл содержит рекомендации по отдельной области моушн-дизайна: тайминг и easing, цвет и интерполяция, композиция кадра, арт-дирекшн, рабочие процессы в After Effects, монтаж в такт музыке, создание видео в Remotion, анимация появления логотипов и зацикленные фоны.
- motion-design-skills можно использовать бесплатно? Какая у него лицензия?
- motion-design-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- motion-design-skills всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в motion-design-skills — 22 июн. 2026 г..
- Для чего можно использовать motion-design-skills?
- Сделать скованную или роботизированную анимацию интерфейса более естественной. Создать видео с кинетической типографикой и последовательным появлением текста. Сгенерировать с помощью Remotion серию видео на основе данных из CSV-файла. Добавить неброский зацикленный фон за главным блоком сайта.
- Как установить motion-design-skills?
- Установите навыки с помощью npx: npx skills add iart-ai/motion-design-skills Или добавьте их как маркетплейс плагинов Claude Code: /plugin marketplace add iart-ai/motion-design-skills Установите плагин в Claude Code: /plugin install motion-design-skills
- Где скачать motion-design-skills?
- Исходный код и инструкции по установке — на GitHub: https://github.com/iart-ai/motion-design-skills
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Набор из 55 устанавливаемых навыков для AI-агентов, которые помогают создавать моушн-графику, анимацию и видеопроцессы.
Набор инструментов для моушн-дизайна, с которым coding agents вроде Claude Code создают видео на Remotion: сцены по таймлайну, визуальная проверка и звуковой движок на Python.
Подборка ресурсов по motion-дизайну и пяти устанавливаемых навыков для агентов: GSAP, Motion, Remotion, Lottie и Rive; работает с Claude Code, Codex и Copilot.
Скилл для Claude Code превращает короткую тему в синхронизированный с битом моушн-ролик и рендерит его в MP4 с помощью HyperFrames.
Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.