Создавайте анимации React с помощью Motion (Framer Motion) — жесты (перетаскивание, наведение, касание), эффекты прокрутки, пружинная физика, анимация макета, SVG. Пакет: от 2,3 КБ (мини) до 34 КБ (полный). Используйте, когда: перетаскивание, анимация прокрутки, модальные окна, карусели, параллакс. Устранение неполадок: выход из AnimatePresence, производительность списка, конфликты Tailwind, «использовать клиент» Next.js.
Быстро установите AI-навык motion в вашу среду разработки через командную строку
Источник: jezweb/claude-skills.
Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.
Production Tested: React 19.2, Next.js 16.1, Vite 7.3, Tailwind v4
Performance: Uses native ScrollTimeline API when available for hardware acceleration.
Создавайте анимации React с помощью Motion (Framer Motion) — жесты (перетаскивание, наведение, касание), эффекты прокрутки, пружинная физика, анимация макета, SVG. Пакет: от 2,3 КБ (мини) до 34 КБ (полный). Используйте, когда: перетаскивание, анимация прокрутки, модальные окна, карусели, параллакс. Устранение неполадок: выход из AnimatePresence, производительность списка, конфликты Tailwind, «использовать клиент» Next.js. Источник: jezweb/claude-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/jezweb/claude-skills --skill motionСоздавайте анимации React с помощью Motion (Framer Motion) — жесты (перетаскивание, наведение, касание), эффекты прокрутки, пружинная физика, анимация макета, SVG. Пакет: от 2,3 КБ (мини) до 34 КБ (полный). Используйте, когда: перетаскивание, анимация прокрутки, модальные окна, карусели, параллакс. Устранение неполадок: выход из AnimatePresence, производительность списка, конфликты Tailwind, «использовать клиент» Next.js. Источник: jezweb/claude-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/jezweb/claude-skills --skill motion После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/jezweb/claude-skills