rn-state-flows
Проектирование сложных потоков состояний в React Native
Сложные многошаговые операции в React Native подвержены ошибкам порядка выполнения и непроверенным граничным случаям. Этот навык предоставляет паттерны для моделирования переходов состояний, реализации проверенных шагов потока и отображения состояния потока в UI.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"rn-state-flows" 사용 중입니다. Спроектируйте поток регистрации пользователя с проверкой email, созданием профиля и активацией аккаунта.
예상 결과:
Конечный автомат:
IDLE → ПРОВЕРКА_EMAIL → СОЗДАНИЕ_ПРОФИЛЯ → АКТИВАЦИЯ → ЗАВЕРШЕНО
↓ ↓
ОШИБКА ОШИБКА
Каждый переход требует:
- Проверку предусловий перед выполнением
- Проверку постусловий после завершения
- Состояние ошибки с контекстом шага для обратной связи UI
"rn-state-flows" 사용 중입니다. Помогите мне рефакторить этот неявный поток в явный с валидацией.
예상 결과:
Рефакторинг паттерна:
1. Создайте интерфейс FlowStep с функциями execute и validate
2. Определите каждый шаг с проверками предусловий/постусловий
3. Выполняйте поток последовательно с try-catch вокруг каждого шага
4. Логируйте ID потока для отладки между шагами
5. Отображайте статус в UI для состояний загрузки/ошибок
"rn-state-flows" 사용 중입니다. Напишите тесты для потока оформления заказа с шага��и оплаты, проверки наличия и подтверждения.
예상 결과:
Тестовые сценарии:
- Счастливый путь: полное выполнение со всеми успешными шагами
- Ошибка оплаты: ошибка перехвачена и отображена на шаге оплаты
- Ошибка наличия: ошибка после успешной оплаты
- Восстановление сети: логика повторных попыток на определённых шагах
보안 감사
낮은 위험All static findings are false positives. Hash values in JSON triggered C2/crypto alerts. Markdown code block delimiters were misidentified as shell backtick execution. This is a documentation skill with TypeScript examples for React Native state management patterns.
품질 점수
만들 수 있는 것
Реализация многошаговых форм
Проектирование и реализация мастеров, потоков онбординга или процессов оформления заказа с корректным отслеживанием состояния и валидацией между шагами.
Отладка сложных асинхронных последовательностей
Диагностика ошибок порядка выполнения и гонок в существующих потоках путём документирования переходов состояний и выявления пропущенных валидаций.
Тестирование сценариев потока
Создание интеграционных тестов, проверяющих полное выполнение потока, включая обработку ошибок на каждом шаге.
이 프롬프트를 사용해 보세요
Мне нужно реализовать поток в React Native, где пользователи [опишите общий процесс]. Какие состояния я должен смоделировать и как структурировать валидацию шагов?
В моём текущем потоке есть баг, где [опишите проблему]. Текущая реализация [опишите текущий подход]. Помогите мне выявить недостающее состояние или валидацию и спроектировать исправление.
У меня есть поток с шагами, которые могут завершаться с ошибкой в разных точках: [перечислите сценарии отказов]. Как мне структурировать состояния ошибок и логику повторных попыток?
Я хочу написать интеграционные тесты для моего [опишите поток]. Какие сценарии я должен покрыть и как структурировать настройку тестов?
모범 사례
- Моделируйте все состояния, включая состояния ошибок, до реализации, даже с помощью простых диаграмм
- Проверяйте предусловия перед каждым шагом и постусловия после завершения каждого шага
- Логируйте ID потока и переходы состояний для включения отладки многошаговых проблем
피하기
- Неявная логика потока, разбросанная по нескольким функциям без чёткого порядка
- Отсутствие обработки ошибок на отдельных шагах, приводящее к незамеченным сбоям
- Отсутствие обратной связи UI во время длительных асинхронных операций, оставляющее пользователей в неопределённости о прогрессе