animating-react-native-expo — скилл для Claude Code

Что делает animating-react-native-expo

Скилл задаёт агенту порядок работы с движением в нативном интерфейсе. Выбор инструмента идёт по драйверу: смена состояния — через CSS-переходы, появление и перекомпоновка — через layout-анимации, жесты, скролл и физика — через shared values и worklets. Бизнес-состояние остаётся в React, а значения, меняющиеся каждый кадр, не попадают в рендер.

Перед установкой чего-либо агент читает package- и lock-файлы, конфигурацию нативной архитектуры и сами компоненты. Скилл рассчитан на Reanimated 4 и RNGH 3: если приложение на другой версии, придётся либо осознанно обновляться, либо оставаться в пределах уже установленного API. Смешивать поколения API и добавлять обёртки совместимости не стоит. В Expo версии разрешаются через SDK, а не обновлением каждого нативного пакета по отдельности. Для проверки на устройстве нужна сборка под симулятор или реальный аппарат — строковый чекер настройки из скилла убран.

Отдельный блок — доступность. Системную политику уменьшенного движения скилл учитывает в таймингах, пружинах, layout и CSS. useReducedMotion() сообщает настройку на момент запуска и не следит за изменениями: если реакция нужна на лету, берётся подписка AccessibilityInfo с обязательным снятием слушателя. Для перетаскивания и свайпов нужен альтернативный способ действия без жеста, а подписи, фокус и области нажатия сохраняются. Декоративные циклы и покадровые колбэки останавливаются при размонтировании, уходе с экрана и сворачивании приложения.