react-native-design
Набор шаблонов и рекомендаций для стилизации, навигации и анимаций в приложениях React Native.
Суть
Что это за skill и зачем он нужен
Этот скилл охватывает ключевые аспекты разработки кросс‑платформенных мобильных приложений на React Native: работа со StyleSheet и styled‑components, построение гибких макетов с Flexbox, настройка навигации через React Navigation 6+, создание плавных анимаций и жестов с Reanimated 3 и Gesture Handler, а также платформенно‑специфичный дизайн для iOS и Android. Включены готовые примеры кода, лучшие практики и рекомендации по оптимизации производительности.
Установка
Как установить
npx skills add https://github.com/wshobson/agents --skill react-native-designСценарии
Когда использовать
Подходит
- Разработка кросс‑платформенных мобильных приложений на React Native.
- Необходимо реализовать навигацию с React Navigation 6+.
- Требуются сложные анимации и жесты с Reanimated 3 и Gesture Handler.
- Нужно быстро построить адаптивные макеты с Flexbox и стилизацию через StyleSheet или styled‑components.
- Требуется поддержка платформенно‑специфичных особенностей iOS/Android.
- Требуется пример готового компонента с анимацией и оптимизацией производительности.
Не подходит
- Проекты, где используется только веб‑технологии (React для браузера) без React Native.
- Приложения, требующие нативных модулей, написанных на Swift/Java/Kotlin, которые не покрыты этим скиллом.
- Сценарии, где приоритетом является минимальный размер пакета и отказ от сторонних библиотек (React Navigation, Reanimated, Gesture Handler).
- Приложения, требующие поддержки старых версий React Native (<0.70) без совместимости с Reanimated 3.
- Когда нужен серверный рендеринг или статическая генерация (Next.js, Expo Web).
- Если проект уже использует полностью кастомный набор навигации и анимаций, не совместимый с предложенными примерами.
Доверие
Проверки безопасности
Проверка не нашла критичных проблем.
Проверка не нашла критичных проблем.
Низкий риск · проблем не найдено.
Предупреждений нет.
Оценка 93/100 · проанализировано 2 раздела.
Похожие