VE
vercel-react-native-skills
Лучшие практики React Native и Expo для создания производительных мобильных приложений. Полезен при разработке компонентов, оптимизации списков, анимациях и работе с нативными модулями.
Что делает навык
Набор лучших практик для разработки производительных мобильных приложений на React Native и Expo, охватывающий оптимизацию списков, анимации, навигацию и работу с нативными модулями. Помогает избежать типичных ошибок при рендеринге, управлении состоянием и конфигурации проекта.
Когда применять
- Оптимизация производительности больших списков и скролла с использованием FlashList и мемоизации.
- Реализация плавных анимаций с помощью Reanimated, используя только GPU-свойства.
- Настройка навигации с использованием нативных стеков и табов вместо JS-навигаторов.
- Работа с изображениями и медиа через expo-image и Galeria.
- Структурирование монопроектов с зависимыми нативными модулями.
Как работает
- Определите приоритетную категорию правил (List Performance, Animation, Navigation и т.д.) в зависимости от решаемой задачи.
- Примените соответствующие префиксы правил (например, list-performance-, animation-) для обеспечения соблюдения стандартов.
- Изучите конкретные файлы правил (например, rules/list-performance-virtualize.md) для получения объяснений, примеров неправильного и правильного кода.
- Следуйте рекомендациям по оптимизации, таким как использование FlashList, стабилизация ссылок на колбэки и анимация только transform и opacity.
- При необходимости обратитесь к полному руководству в AGENTS.md для расширенных контекстов и ссылок.
Примеры запросов агенту
Как оптимизировать производительность длинного списка в React Native?
Примени правила анимации Reanimated для плавных переходов.
Как правильно настроить навигацию в Expo-приложении?
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «vercel-react-native-skills» из репозитория:
# https://github.com/vercel-labs/agent-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r vercel-react-native-skills/ ~/.claude/skills/vercel-react-native-skills/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.