Motion Design Skills — плагин
Девять скиллов по моушн-дизайну для Claude Code: тайминг, цвет, композиция, After Effects, Remotion, логотипы и фоны.
- 226 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скиллы дают инструкции и примеры, скрипты `.jsx` запускаются вами внутри After Effects.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/motion-design-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы дают инструкции и примеры, скрипты `.jsx` запускаются вами внутри After Effects.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин собирает основы моушн-дизайна в установочные скиллы. `animation-principles` описывает тайминг, плавность и 12 принципов анимации. `color-motion` отвечает за палитры, градиенты, интерполяцию в OKLCH и Lab и цвет при рендере. `shot-composition` разбирает сетки, безопасные зоны и кадрирование. `motion-art-direction` задает язык движения, тон и ритм. Инструментальные скиллы: `after-effects` с выражениями, ригингом, рецептами экспорта и скриптами `.jsx`, `beat-sync-editing` для монтажа под ритм музыки, `remotion-video` для программных видео на React с выводом в MP4 и GIF. Для интерфейсов и брендов предназначены `logo-animation` (заставки, лоадеры) и `motion-background` (сетчатые градиенты, шейдерные авроры, частицы). Скиллы включаются, когда просят поправить движение (скованное, парящее, роботизированное), анимировать текст, логотип или фон, собрать видео в Remotion или поработать в After Effects. Ставятся командой `npx skills add iart-ai/motion-design-skills`.
Для кого. Моушн-дизайнерам и фронтендерам, которые анимируют интерфейсы, логотипы и ролики через Claude Code, Cursor или Codex.
Подходит, если
- Анимация интерфейса выглядит скованно, и нужен разбор тайминга и плавности.
- Для лендинга собирается фоновая шейдерная анимация или сетчатый градиент.
- Логотип получает заставку и лоадер для веба и видео.
- Ролик на Remotion монтируется под ритм трека.
Не подходит, если
- Нужен готовый ролик без работы с кодом: скиллы дают знания агенту и не заменяют редактор.
- Проект на другом движке анимации без After Effects и Remotion.
- Агент не умеет читать скиллы в формате SKILL.md.
Пример запроса к агенту
Анимация карточки выглядит роботизированной: разбери тайминг и плавность и предложи кривые для входа и выхода.Ограничения
Скиллы дают агенту знания и скрипты, а сам ролик собирают Remotion или After Effects, поэтому нужны эти программы и их окружение. Скрипты `.jsx` запускаются внутри After Effects и меняют проект. В README сказано, что полный агент работает на сайте iart.ai, а скиллы подходят для Claude Code, Cursor, Codex и других агентов. Установка через `npx skills` скачивает пакет из репозитория. Лицензия MIT, последний коммит сделан в ноябре 2026.
Как отключить. Выполните `/plugin uninstall motion-design-skills` или удалите каталоги скиллов из `~/.claude/skills/`, затем перезапустите агента.
Частые вопросы
Как поставить скиллы?
Командой `npx skills add iart-ai/motion-design-skills` или как плагин: `/plugin marketplace add iart-ai/motion-design-skills`, затем `/plugin install motion-design-skills`.
Какие агенты подходят?
Claude Code, Cursor, Codex и еще более 40 агентов, которые читают SKILL.md.
Что входит в набор?
Девять скиллов: `animation-principles`, `color-motion`, `shot-composition`, `motion-art-direction`, after-effects, `beat-sync-editing`, `remotion-video`, `logo-animation`, `motion-background`.
Когда скиллы срабатывают?
Когда просят поправить движение, анимировать текст, логотип или фон, собрать видео в Remotion или поработать в After Effects.
Нужен ли After Effects?
Только для скилла `after-effects`: он содержит выражения и скрипты `.jsx`. Остальные работают без него.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныПятнадцать скиллов для Claude Code: запуск продукта, анимированные графики и рилсы целиком из кода, без After Effects
Набор для моушн-дизайна с агентом: правила с цифрами, самопроверка по кадрам и синтез звука, плюс веб-симуляции в 60 к/с
Семнадцать скиллов для motion-графики: агент рисует зацикленные 3D-сцены, заставки и ролики через Remotion, Three.js и Python.
Скилл для DeepSeek и других моделей: по промпту делает Remotion-ролик почти как Claude Opus 5.5, с планом, звуком и самопроверкой
Motion Skills для ИИ-агентов
motion-skills
Более 50 открытых скиллов для моушн-графики, анимации и видео: кинетическая типографика, графики, объяснялки, TikTok и Reels, WebGL, Manim
Скилл делает промо-видео из кода: режиссура, анимация в браузере с размытием движения, своя музыка и готовый MP4 в 60 кадров
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Motion Design Skills (эта карточка) | нет | 226 | |
| Motion Design Skill | нет | 2 980 | Motion Design Skill остается одним скиллом, а здесь девять скиллов с After Effects, Remotion, логотипами и фонами. |
| Claude Remotion Skill | нет | 961 | claude-remotion-skill сосредоточен на Remotion, а этот набор добавляет принципы движения, цвет и композицию. |
Коротко о README
Плагин с девятью скиллами по анимации: принципы, цвет, композиция, After Effects, Remotion, логотипы и фоны. Ставится через npx skills или /plugin.