Motion.dev Animations Skill
motion-dev-animations-skill
Скилл Claude Code для Motion.dev, продолжения Framer Motion: веб-анимации 120 fps, пружинная физика, анимация по скроллу
- 173 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Частоту кадров нужно замерять на своем проекте
- Скилл для Motion.dev
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/motion-dev-animations-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Частоту кадров нужно замерять на своем проекте
- Скилл для Motion.dev
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Motion.dev Animations Skill учит Claude Code работать с библиотекой Motion.dev, продолжением Framer Motion: веб-анимации с частотой до 120 кадров в секунду, пружинная физика, анимация по прокрутке. Скилл подходит тем, кто ищет «framer motion» и хочет, чтобы агент писал анимации по актуальному API, а не по памяти. Установка клонированием: `git clone https://github.com/199-biotechnologies/motion-dev-animations-skill.git ~/.claude/skills/motion-dev-animations`. Лицензия MIT.
Для кого. Для фронтенд-разработчиков на React и обычном JavaScript, которым нужны плавные анимации интерфейса и анимация по скроллу.
Подходит, если
- Нужны анимации Framer Motion или Motion.dev
- Нужна пружинная физика и анимация по скроллу
- Агент пишет устаревший код анимации
Не подходит, если
- Нужна готовая анимация без кода: скилл учит агента писать код
- Проект не на веб-стеке
Пример запроса к агенту
Добавь карточке пружинную анимацию появления и анимацию по скроллу на MotionОграничения
Скилл текстовый и задает правила написания анимаций. Частота 120 кадров в секунду зависит от устройства и браузера, замеряйте на своем проекте. Доступ минимальный.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что такое Motion.dev?
Библиотека анимаций, продолжение Framer Motion.
Что умеет скилл?
Учит агента писать веб-анимации, пружинную физику и анимацию по скроллу на Motion.dev.
Как установить?
git clone репозитория в ~/.claude/skills/motion-dev-animations.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл принципов motion-дизайна для агентов: тайминг, easing, хореография и приемы анимации Disney в применении к интерфейсу
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Motion Web
motion-web
Сайты «с движением в приоритете» на чистом Three.js, Canvas 2D, WebGL и CSS: физика демпфирования, токены, 7 примеров. Лицензия CC BY-NC 4.0
Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
Скиллы креативного кода для Claude Code: движение, микровзаимодействия и визуальные системы для веба, Android и Apple
Скилл для сборки премиальных скролл-сайтов с реальным дизайн-стандартом: типографика, ритм, глубина, движение и проверка в браузере
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Motion.dev Animations Skill (эта запись) | нет | 173 | |
| Motiscope | нет | 122 | код анимации из записи экрана, только свои образцы |
| Design Motion Principles | нет | 1 301 | принципы движения интерфейса для агента |
| Bang Motion | нет | 592 | заставки, промо и кинетическая типографика одним HTML |
Коротко о README
README описывает скилл Claude Code для Motion.dev с анимациями 120 fps, пружинной физикой и скроллом. Лицензия MIT.