Создание мобильных интерфейсов React Native
Командам React Native нужны согласованные мобильные UI-паттерны, которые работают на разных платформах. Этот навык предоставляет практические рекомендации по стилям, навигации, жестам и анимации.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "react-native-design" from https://skillstore.io/skills/wshobson-react-native-design.md and its manifest at https://skillstore.io/api/skills/wshobson-react-native-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «react-native-design». Спроектировать экран настроек для приложения React Native.
Ожидаемый результат:
Использование «react-native-design». Спланировать навигацию для приложения с авторизованными и публичными экранами.
Ожидаемый результат:
Использование «react-native-design». Улучшить производительность анимации для bottom sheet.
Ожидаемый результат:
All static findings were adjudicated as false positives after reviewing the cited markdown and TypeScript examples. The suspicious patterns are documentation fences, JavaScript template literals, React Navigation route keys, official documentation links, and ordinary mobile UI guidance. No prompt injection, secret handling, command execution, or data exfiltration intent was found.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/wshobson-react-native-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/wshobson-react-native-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/wshobson-react-native-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-react-native-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/wshobson-react-native-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>wshobson. (2026). react-native-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-react-native-design/audits/4@techreport{wshobson-wshobson-react-native-design-2026,
author = {wshobson},
title = {react-native-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/wshobson-react-native-design/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-native-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "wshobson"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/wshobson-react-native-design/audits/4"
identifiers:
- type: other
value: "skillstore:wshobson-react-native-design:audit:4"
description: "Skillstore immutable audit report identifier"
Создать переиспользуемые паттерны верстки, отступов, типографики и компонентов для приложения React Native.
Выбрать stack, tab, drawer, modal, auth и deep-link потоки для кроссплатформенного приложения.
Добавить производительные жесты, переходы и интерактивные анимации Reanimated без блокировки UI thread.
Используйте этот навык, чтобы спроектировать экран профиля React Native с StyleSheet, safe areas и доступной иерархией текста.
Используйте этот навык, чтобы спланировать stack и tab навигацию для приложения с экранами home, search, detail, settings и auth.
Используйте этот навык, чтобы спроектировать взаимодействие свайпа карточки с Gesture Handler и shared values Reanimated.
Используйте этот навык, чтобы провести аудит моего приложения React Native на согласованность навигации, различия платформ, производительность анимаций и переиспользование стилей.
Автор
wshobsonЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/react-native-design/Ссылка
64ca8af0f54a325752f08bd54e52151061ea659a
Актуальность поддержки
26.07.2026
Использование
7 загрузок · 326 просмотров
Структура файлов
Оптимизация промптов LLM для продакшена
Промпты LLM часто дают сбой из-за неясных инструкций, примеров и критериев оценки. Этот навык предоставляет шаблоны и рабочие процессы для улучшения промптов в Claude, Codex, Claude Code и похожих инструментах.
Управление разработкой на основе контекста
Проекты с поддержкой ИИ теряют согласованность, когда продуктовые цели, выбор стека и правила рабочего процесса разрознены. Этот навык направляет Claude, Codex и Claude Code с помощью контекстных артефактов Conductor.
Создание финансовых моделей для стартапов
Командам стартапов нужны понятные прогнозы, прежде чем они смогут планировать найм, привлечение финансирования и использование денежных средств. Этот навык структурирует выручку, затраты, runway и сценарии в практические результаты для финансового планирования.
Проектируйте KPI-дашборды, которые помогают принимать решения
Команды часто создают дашборды, которые показывают множество чисел, но не помогают перейти к действию. Этот навык помогает Claude, Codex и Claude Code выбирать значимые KPI, структурировать представления и понятно представлять метрики.
Пишите безобвинительные постмортемы инцидентов
Разборы инцидентов часто становятся непоследовательными, сфокусированными на поиске виновных или сложными для практического применения. Этот навык помогает Claude, Codex и Claude Code составлять структурированные постмортемы с четкими таймлайнами, корневыми причинами и ответственными.
Создавайте понятные истории на основе данных
Сырые метрики часто не убеждают заинтересованные стороны и не помогают принимать решения. Этот skill помогает Claude, Codex и Claude Code превращать анализ в понятные повествования, визуализации и рекомендации.
Создание согласованных интерфейсов базовых компонентов
от sickn33
Работа над UI может постепенно свестись к жестко заданным отступам, цветам и необработанным платформенным компонентам. Этот skill направляет Claude, Codex и Claude Code к использованию базовых компонентов, токенов и переиспользуемых макетов.
Оптимизация приложений React Native
от vercel-labs
Приложения React Native могут страдать от медленных списков, дерганых анимаций и ошибок, связанных с платформой. Этот навык дает Codex, Claude и Claude Code краткие правила для производительной работы с Expo и React Native.
Создание анимаций Flutter
от madteacher
Движение во Flutter бывает сложно правильно выбрать и реализовать. Этот навык помогает с выбором анимаций, шаблонами кода, производительностью и доступностью.
Создание навигации Expo Router для React Native
от CJHarmath
Командам React Native нужна предсказуемая навигация по вкладкам, стекам, модальным окнам и deep links. Этот навык предоставляет паттерны Expo Router для типичных решений маршрутизации.
Создавайте интерфейсы нативных приложений Expo
от expo
Приложениям Expo часто нужны навигация, элементы управления, медиа и визуальная полировка, которые ощущаются нативно. Этот навык дает Codex и Claude практические паттерны для работы с UI в Expo Router.
Настройка Tailwind CSS для Expo
от expo
Командам Expo нужна единообразная стилизация для native- и web-таргетов. Этот навык предоставляет сфокусированный путь настройки для Tailwind CSS v4, NativeWind v5 и react-native-css.