rn-state-flows
React Native 상태 플로우 설계
복잡한 React Native 플로우는 비동기 단계, 상태 업데이트, UI 피드백이 명확하게 모델링되지 않으면 실패할 수 있습니다. 이 스킬은 명시적인 플로우 상태, 검증, 로깅, 테스트를 위한 구조화된 패턴을 제공합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "rn-state-flows" from https://skillstore.io/skills/cjharmath-rn-state-flows.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-state-flows/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"rn-state-flows" 사용 중입니다. 개발자가 답변 로딩, 재응시 활성화, 답변 초기화, 사용자 입력, 제출로 구성된 5단계 재응시 플로우를 구현하는 방법을 묻습니다.
예상 결과:
응답은 각 플로우 상태를 식별하고, 필요한 사전 조건과 사후 조건을 나열하며, 순차적 비동기 실행을 권장하고, 재시도 또는 종료를 위한 오류 상태를 정의합니다.
"rn-state-flows" 사용 중입니다. 한 팀이 사용자가 React Native 평가 플로우를 다시 시작한 후 답변이 사라진다고 보고합니다.
예상 결과:
응답은 가능한 순서 지정 실패를 추적하고, 로딩 및 초기화 단계 후 검증을 제안하며, 답변 영속성을 검증하는 통합 테스트를 제안합니다.
"rn-state-flows" 사용 중입니다. 리뷰어가 분기형 모바일 플로우에 XState를 사용해야 하는지 묻습니다.
예상 결과:
응답은 상태 수, 분기 복잡도, 시각화 필요성, 팀 공유 요구 사항을 비교한 뒤 명시적 단계 또는 XState 중 하나를 권장합니다.
보안 감사
안전All static findings were adjudicated as false positives after reviewing SKILL.md. The skill is documentation for React Native async flow design and includes TypeScript examples, Markdown fences, logging templates, and tests; no command execution, secret handling, system reconnaissance, or prompt injection was found.
위험 요인
⚙️ 외부 명령어 (31)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/cjharmath-rn-state-flows?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/cjharmath-rn-state-flows?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-state-flows/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/cjharmath-rn-state-flows.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>학술 인용 (APA · BibTeX · CFF)
APA 인용
CJHarmath. (2026). rn-state-flows security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8BibTeX 인용
@techreport{cjharmath-cjharmath-rn-state-flows-2026,
author = {CJHarmath},
title = {rn-state-flows security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "rn-state-flows security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-rn-state-flows/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-state-flows:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
비동기 기능 플로우 계획
React Native 기능을 코딩하기 전에 각 단계, 사전 조건, 사후 조건, 오류 전환을 매핑합니다.
플로우 순서 버그 디버그
다단계 플로우에서 누락된 await, 잘못된 전환, 약한 사후 조건 검사를 점검합니다.
플로우 테스트 커버리지 검토
성공 경로, 영속 상태, 각 비동기 단계의 실패를 검증하는 통합 테스트를 작성합니다.
이 프롬프트를 사용해 보세요
Use the rn-state-flows skill to outline states, transitions, preconditions, postconditions, and error states for this React Native flow: [describe feature].
Apply rn-state-flows patterns to refactor this React Native async function into explicit ordered steps with validation and error handling: [paste code].
Use rn-state-flows to design store state and component rendering for loading, ready, submitting, complete, and error states in this screen: [describe screen].
Act as a React Native reviewer using rn-state-flows. Find ordering risks, missing postconditions, weak error transitions, and integration test gaps in this flow: [paste flow and tests].
모범 사례
- 모든 플로우 상태를 사전 조건, 동작, 사후 조건, 오류 처리와 함께 문서화합니다.
- 각 비동기 단계 후 상태를 검증하고 플로우 식별자와 함께 전환을 로깅합니다.
- 성공 경로와 각 중요한 단계의 실패에 대한 통합 테스트를 작성합니다.
피하기
- 이전 필수 상태 업데이트를 await하지 않고 의존적인 비동기 단계를 시작하는 것.
- 전환 모델 없이 흩어진 함수들 사이에 플로우 상태를 암묵적으로 유지하는 것.
- 전체 사용자 여정과 실패 경로를 무시한 채 고립된 함수만 테스트하는 것.