·motion
</>

motion

Создавайте анимации React с помощью Motion (Framer Motion) — жесты (перетаскивание, наведение, касание), эффекты прокрутки, пружинная физика, анимация макета, SVG. Пакет: от 2,3 КБ (мини) до 34 КБ (полный). Используйте, когда: перетаскивание, анимация прокрутки, модальные окна, карусели, параллакс. Устранение неполадок: выход из AnimatePresence, производительность списка, конфликты Tailwind, использование Next.js клиента.

18Установки·3Тренд·@fellipeutaka

Установка

$npx skills add https://github.com/fellipeutaka/leon --skill motion

Как установить motion

Быстро установите AI-навык motion в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/fellipeutaka/leon --skill motion
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: fellipeutaka/leon.

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 клиента. Источник: fellipeutaka/leon.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/fellipeutaka/leon --skill motion
Источник
fellipeutaka/leon
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-21
Обновлено
2026-03-10

Browse more skills from fellipeutaka/leon

Короткие ответы

Что такое motion?

Создавайте анимации React с помощью Motion (Framer Motion) — жесты (перетаскивание, наведение, касание), эффекты прокрутки, пружинная физика, анимация макета, SVG. Пакет: от 2,3 КБ (мини) до 34 КБ (полный). Используйте, когда: перетаскивание, анимация прокрутки, модальные окна, карусели, параллакс. Устранение неполадок: выход из AnimatePresence, производительность списка, конфликты Tailwind, использование Next.js клиента. Источник: fellipeutaka/leon.

Как установить motion?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/fellipeutaka/leon --skill motion После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/fellipeutaka/leon

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-21