Repolode
iart-ai

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. 1

    Установите навыки с помощью npx

    npx skills add iart-ai/motion-design-skills
  2. 2

    Или добавьте их как маркетплейс плагинов Claude Code

    /plugin marketplace add iart-ai/motion-design-skills
  3. 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 обновляется ежедневно.

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

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

78077JavaScriptMITОбновлён вчера