Рекомендации помогают собирать и оптимизировать приложения на React Native и Expo: от производительности списков и анимаций до навигации и native-модулей. Навык подсказывает, какие паттерны применять, и ссылается на правила с примерами плохого и хорошего кода.

Возможности

• Приоритизирует правила: производительность списков — критическая, анимации и навигация — высокого приоритета.
• Рекомендует FlashList для больших списков, мемоизацию элементов и стабилизацию callback.
• Разбирает анимации с Reanimated, включая useDerivedValue и анимацию только transform и opacity.
• Описывает UI-паттерны: expo-image, Pressable, safe areas и native-модальные окна.
• Даёт рекомендации по управлению состоянием, рендерингу, настройке шрифтов и структуре monorepo.
• Ссылается на отдельные файлы правил с объяснениями и примерами неправильного и правильного кода.

Когда использовать

• При разработке приложения на React Native или Expo.
• Когда нужно ускорить большие списки и прокрутку.
• При реализации анимаций с Reanimated или настройке навигации.
• При работе с изображениями, native-модулями, шрифтами или monorepo с native-зависимостями.

Примеры

Файлы правил для производительности списков и анимаций:

rules/list-performance-virtualize.md
rules/animation-gpu-properties.md

Полный документ со всеми правилами:

AGENTS.md

Установка

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills