AIKraft/AI/Войти
AIKraft/Skills/expo-animation

expo-animation

Создаёт анимации в React Native и Expo, выбирая оптимальные параметры: поток, свойства, тип анимации (spring/timing), обработку жестов и деградацию. Использует Reanimated, Gesture Handler, Expo Router и expo-haptics. Применяется для экранов, переходов, жестов и тактильной отдачи; для веба используйте `animate`.

expo official Разработка ★ 2.7k

Что делает навык

Навык создает анимации в React Native и Expo, обеспечивая плавную работу на реальных устройствах за счет использования UI-рантайма (Reanimated 4) и корректной обработки жестов. Он решает задачу превращения запросов на движение в надежную реализацию, избегая блокировки основного потока React.

Когда применять

  • Создание переходов между экранами с использованием Expo Router
  • Реализация интерактивных жестов с передачей скорости (velocity handoff)
  • Добавление тактильной отдачи через expo-haptics
  • Анимация элементов интерфейса с учетом отсутствия hover на мобильных устройствах

Как работает

  1. Определить тип анимации (spring или timing) и параметры потока
  2. Разместить логику анимации в worklets (Reanimated 4) для UI-рантайма
  3. Настроить Gesture Handler для обработки прерываний и жестов
  4. Добавить expo-haptics для тактильной обратной связи при взаимодействии
  5. Обеспечить деградацию анимации для слабых устройств или веба (используя animate)

Примеры запросов агенту

Создай плавный переход между экранами с анимацией spring и тактильной отдачей
Реализуй жест свайпа с передачей скорости и корректной обработкой прерываний
Анимируй появление кнопки с использованием timing и haptic feedback

Что понадобится

  • Reanimated 4
  • Gesture Handler
  • Expo Router

Описание составлено по SKILL.md навыка, сверено 07.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «expo-animation» из репозитория: # https://github.com/expo/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r expo-animation/ ~/.claude/skills/expo-animation/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.