Motion — скилл
Скилл /motion и MCP-сервер с актуальной документацией Motion: агент пишет анимации для React и Vue по свежим примерам.
- 34 970 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл только читает документацию Motion; MCP-запросы уходят на сервер Motion.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/motionОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл только читает документацию Motion; MCP-запросы уходят на сервер Motion.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Библиотека Motion для JavaScript, React и Vue сопровождается набором для агента. Команда `npx motion-ai` ставит бесплатный скилл `/motion` и подключает MCP-серверы Motion в Claude Code, Cursor, Amp, OpenCode, Gemini CLI и Copilot. Отдельный MCP-сервер `https://mcp.motion.dev` ищет по документации и метаданным примеров, учетная запись не нужна. Индекс всех страниц документации лежит в `llms.txt`. Платный Motion+ добавляет исходники примеров и Motion UI, аудиты производительности MotionScore и генерацию CSS-пружин.
Для кого. Фронтенд-разработчики на React, Vue и чистом JavaScript, которые пишут анимации с помощью Claude Code, Cursor или Gemini CLI.
Подходит, если
- В проекте уже стоит `motion` или `motion-v`, и агент путает старые и новые API.
- Нужен переход со `framer-motion` на актуальный пакет без поиска по сайту вручную.
- Агент подбирает пример анимации под задачу из более чем ста готовых.
- Команда использует несколько редакторов с агентами и хочет одну настройку документации.
Не подходит, если
- Анимации пишут на другой библиотеке, например на GSAP.
- Агент работает без выхода в интернет, а MCP-сервер Motion размещен снаружи.
- Нужны платные примеры Motion+, а подписки нет.
Пример запроса к агенту
Перенеси анимацию карточки с `framer-motion` на `motion`, сверяясь с документацией через `/motion`, и предложи пружину вместо линейной кривой.Ограничения
Скилл и MCP-сервер выдают только документацию и примеры Motion, анимации под дизайн проекта они не придумывают. Платная часть описана выше и в скилл не входит. Исходный код скилла лежит в отдельном репозитории `motiondivision/ai-kit`, а в основном лежит библиотека, поэтому проверяйте версию пакета `motion` в проекте. MCP-запросы уходят на внешний сервер `mcp.motion.dev`, при работе без интернета поиск по документации недоступен.
Как отключить. Удалите скилл `/motion` из каталога скиллов агента и уберите запись `mcp.motion.dev` из MCP-настроек клиента. Саму библиотеку `motion` можно оставить.
Частые вопросы
Что ставит команда `npx motion-ai`?
Бесплатный скилл `/motion` и настройки MCP-серверов Motion для Claude Code, Cursor, Amp, OpenCode, Gemini CLI и Copilot. Исходники лежат в `motiondivision/ai-kit`.
Нужна ли учетная запись для MCP-сервера?
Нет. Сервер `https://mcp.motion.dev` бесплатный и ищет по документации и метаданным примеров.
Чем отличается Motion+?
Это платное дополнение к бесплатному скиллу, подробности на motion.dev/plus.
Есть ли индекс документации для других инструментов?
Да, `motion.dev/llms.txt` перечисляет страницы документации. Страницы Motion+ помечены как платные, с командой установки и импортом.
Какие библиотеки покрывает скилл?
README называет Motion для JavaScript и React, для Vue есть пакет `motion-v`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыMotion.dev Animations Skill
motion-dev-animations-skill
Скилл Claude Code для Motion.dev, продолжения Framer Motion: веб-анимации 120 fps, пружинная физика, анимация по скроллу
Motion2Code содержит скилл веб-анимации: агент сверяет результат с кадрами ролика и показывает обе версии рядом.
Шесть скиллов по Framer Motion для React: компоненты motion, варианты, жесты, скролл, layout-анимации и AnimatePresence
Скилл для Claude Code и Codex: делает из AI-видео и кадров веб-анимацию, которая следует за прокруткой, курсором, касанием или наклоном устройства
Motion Web
motion-web
Сайты «с движением в приоритете» на чистом Three.js, Canvas 2D, WebGL и CSS: физика демпфирования, токены, 7 примеров. Лицензия CC BY-NC 4.0
Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Motion (эта карточка) | нет | 34 970 | |
| Framer Motion AI Skills | нет | 10 | сторонний набор скиллов по `framer-motion`; здесь официальный скилл и MCP-сервер самой Motion |
| Motion.dev Animations Skill | нет | 224 | отдельный скилл по анимациям; здесь `npx motion-ai` вместе с поиском по документации через MCP |
Коротко о README
В README раздел «Using Motion with AI» описывает три способа: скилл через `npx motion-ai`, бесплатный MCP-сервер и `llms.txt` с индексом документации.