React Navigation Skills
Два скилла команды React Navigation переводят навигаторы на статическую конфигурацию и обновляют библиотеку до 7 или 8 версии
- 23 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Агент правит файлы навигации по всему проекту, и ошибка переноса меняет поведение экранов и глубоких ссылок
- После правок скилл запускает проверку типов, линтер и тесты проекта, а вместе с ними скрипты из `package.json`
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/react-navigation-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент правит файлы навигации по всему проекту, и ошибка переноса меняет поведение экранов и глубоких ссылок
- После правок скилл запускает проверку типов, линтер и тесты проекта, а вместе с ними скрипты из `package.json`
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл `migrate-to-static-config` переписывает навигаторы с динамического API на элементах JSX на статическую конфигурацию, которую вводит React Navigation 7. Агент сначала смотрит версию `@react-navigation/native` в `package.json` и открывает справочник под 7.x или 8.x. Предпочтение такое: прямой перенос в статический объект, затем статическая конфигурация с `.with()` для обертки навигатора, затем контекст для данных, которые раньше шли через render-колбэки, и только в крайнем случае навигатор остается динамическим. Скилл `upgrade-react-navigation` ведет обновление с 6.x на 7.x и с 7.x на 8.x. Он поднимает зависимости и инструменты, а затем исправляет переименованные и удаленные API навигации, ссылок, тем, навигаторов и параметров экранов. После правок агент определяет менеджер пакетов, запускает проверку типов, линтер и тесты, если они есть, и проходит автоматические и ручные проверки из справочника.
Для кого. Разработчикам мобильных приложений на React Native, которые обновляют React Navigation с 6 версии или переводят старые навигаторы на статический API.
Подходит, если
- Приложение на React Navigation 6 пора поднять до 7, и надо поправить переименованные вызовы навигации и ссылок
- Дерево экранов собрано из элементов `Stack.Navigator` и `Stack.Screen`, и его переводят в статический объект
- Глубокие ссылки не должны сломаться при переходе, и скилл учитывает конфигурацию `linking` при переносе
- Экраны получают данные через render-колбэки, и их переносят в контекст
- Проект на 7.x обновляют до 8.x и хотят пройти список автоматических и ручных проверок
Не подходит, если
- Проект на версии до 7: статическая конфигурация там не поддерживается, сначала нужно обновление
- Вы пишете новое приложение с нуля: скиллы рассчитаны на готовый код навигации
- Нужен общий разбор React Native, например производительности: скиллы работают только с React Navigation
Пример запроса к агенту
Обнови React Navigation с 6 до 7 в этом проекте, затем переведи навигаторы на статическую конфигурацию и прогони проверку типовОграничения
- Миграция на статическую конфигурацию работает с версиями 7.x и 8.x, для 6.x скилл отправляет сначала на обновление.
- Если скилл не уверен, как перенести поведение, он останавливается и спрашивает пользователя, а не гадает.
- Лицензионного файла в репозитории нет, тип лицензии не указан.
- Установка идет общей командой `npx skills add`: утилита сама выбирает агента и каталог.
- Проверку типов, линтер и тесты скилл запускает, только если в проекте есть такие скрипты.
Как отключить. Удалите папки `migrate-to-static-config` и `upgrade-react-navigation` из каталога скиллов агента. Правки, уже сделанные в проекте, откатывает git.
Частые вопросы
Как поставить скиллы React Navigation в Claude Code?
Выполните `npx skills add react-navigation/skills`. Утилита определяет агента и кладет оба скилла в нужный каталог. Затем попросите агента обновить библиотеку или перевести навигаторы на статическую конфигурацию.
Какие версии библиотеки поддерживаются?
Обновление ведет с 6.x на 7.x и с 7.x на 8.x. Перенос на статическую конфигурацию рассчитан на 7.x и 8.x. Для других версий скилл отправляет к официальным руководствам по обновлению.
Что скилл делает с навигаторами, которые нельзя перенести?
Если статический объект не выражает структуру экранов без изменения поведения, навигатор остается динамическим. Правило выбора идет по убыванию: прямой перенос, статическая конфигурация с `.with()`, контекст, динамический навигатор.
Сломает ли миграция глубокие ссылки?
Скилл обязуется сохранять поведение, типизацию и глубокие ссылки. Конфигурацию `linking` скилл учитывает при переносе, а проверку типов и тесты агент запускает после правок.
Чем эти скиллы отличаются от общих скиллов по React Native?
Здесь два узких скилла по одной библиотеке с версионными справочниками 7 и 8. Общие наборы советуют по производительности и тестам, а разбор конкретных изменений API навигации в них не заложен.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы Callstack для React Native
Callstack Agent Skills
Скиллы Callstack по React Native: производительность, обновление версий, миграция нативных приложений, тестирование и CI
Анимации, жесты, ИИ на устройстве, аудио и потоковое видео: 10 скиллов Software Mansion подсказывают агенту приемы React Native.
Uniwind skills
Uniwind
Два скилла для React Native с Tailwind v4: правила стилизации через Uniwind и пошаговый перенос проекта с NativeWind
Скилл находит в проекте анимации на Reanimated и Animated и переносит их на нативные EaseView из библиотеки react-native-ease
React Native Unistyles v3 skill
react-native-unistyles-v3
Скилл по стилизации React Native через Unistyles v3: настройка, темы, адаптивная верстка, варианты и миграция с v2
Скилл Rozenite для React Native: агент подключается к запущенному приложению и читает консоль, сеть и данные плагинов DevTools
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| React Navigation Skills (эта карточка) | да | 23 | |
| Expo Skills | нет | 4 069 | общий набор Expo для сборки, деплоя и отладки приложений, а здесь два узких скилла по одной библиотеке навигации |
| Скиллы Callstack для React Native | нет | 1 702 | общие скиллы Callstack по React Native: производительность, обновление версий, тестирование, а здесь только React Navigation |
Коротко о README
Страница короткая: описание, одна команда установки и список из двух скиллов с пояснением, что делает каждый. Подробности лежат в папках скиллов, где для каждой версии библиотеки есть отдельные справочники.