스킬 react-native-architecture

📦

react-native-architecture

Name: react-native-architecture
Author: wshobson

콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근

Expo로 React Native 앱 설계하기

React Native 팀에는 내비게이션, 네이티브 API, 오프라인 데이터, 릴리스를 위한 반복 가능한 패턴이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 프로덕션 모바일 앱을 설계하는 데 도움이 되는 Expo 중심 아키텍처 가이드와 예제를 제공합니다.

지원: Claude Codex Code(CC)

🥉 77 브론즈

Maintain this Skill? Claim it 🥉 77 브론즈

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "react-native-architecture" from https://skillstore.io/skills/wshobson-react-native-architecture.md and its manifest at https://skillstore.io/api/skills/wshobson-react-native-architecture/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/wshobson-react-native-architecture.md 서명된 manifest GET /api/skills/wshobson-react-native-architecture/manifest 서명된 lockfile GET /api/skills/wshobson-react-native-architecture/lockfile

테스트해 보기

"react-native-architecture" 사용 중입니다. 새 Expo 마켓플레이스 앱의 아키텍처를 계획하세요.

예상 결과:

앱 폴더, 라우트 그룹, 공유 providers, 기능 모듈, 서비스 경계, 단계별 설정 절차를 포함한 간결한 아키텍처 개요.

"react-native-architecture" 사용 중입니다. 제품 탐색과 생성에 오프라인 지원을 추가하도록 도와주세요.

예상 결과:

캐시된 쿼리, 지속 저장소, 낙관적 생성, 재시도 동작, 충돌 처리 결정을 다루는 데이터 흐름 계획.

"react-native-architecture" 사용 중입니다. 앱 스토어 제출 전에 제 모바일 릴리스 체크리스트를 검토하세요.

예상 결과:

EAS profiles, 네이티브 권한, 자격 증명, OTA 업데이트 전략, 디바이스 테스트, 성능 점검을 다루는 릴리스 준비 상태 검토.

보안 감사

안전

v8 • 2026. 7. 8. 버전별 보고서 열기

Static analysis flagged Markdown fences, TypeScript examples, documentation links, and mobile build snippets as risky patterns. I found no evidence of automatic command execution, credential exfiltration, runtime network calls, system reconnaissance, or prompt injection in SKILL.md.

스캔된 파일

672

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/wshobson-react-native-architecture/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/wshobson-react-native-architecture/security.svg)](https://skillstore.io/skills/wshobson-react-native-architecture?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/wshobson-react-native-architecture?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-react-native-architecture/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/wshobson-react-native-architecture.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 인용

wshobson. (2026). react-native-architecture security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-react-native-architecture/audits/8

BibTeX 인용

@techreport{wshobson-wshobson-react-native-architecture-2026,
  author = {wshobson},
  title = {react-native-architecture security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/wshobson-react-native-architecture/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: "react-native-architecture security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "wshobson"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/wshobson-react-native-architecture/audits/8"
identifiers:
  - type: other
    value: "skillstore:wshobson-react-native-architecture:audit:8"
    description: "Skillstore immutable audit report identifier"

변형 비교

설치 가능한 변형 2개

각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.

이 변형이 1위인 이유

Skillstore 점수가 가장 높음

작성자 / 소스 Skillstore 점수 증거 신뢰도 Skillstore 사용량 업데이트됨

sickn33 권장

sickn33-react-native-architecture

Skillstore 점수 78

증거 신뢰도 높음

Skillstore 사용량 18

업데이트됨

2026-09-09

wshobson 현재

wshobson-react-native-architecture

Skillstore 점수 77

증거 신뢰도 높음

Skillstore 사용량 20

업데이트됨

2026-09-09

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

새 모바일 앱 계획하기

라우팅, providers, services, hooks, 기능 컴포넌트를 갖춘 유지보수 가능한 Expo 프로젝트 구조를 만듭니다.

프로덕션 앱 패턴 추가하기

기존 앱에 인증, 오프라인 데이터 캐싱, 네이티브 디바이스 API, 릴리스 워크플로를 도입합니다.

React Native 아키텍처 검토하기

현재 구현을 Expo, 내비게이션, 상태, 성능, 플랫폼별 모범 사례와 비교합니다.

이 프롬프트를 사용해 보세요

스타터 아키텍처 만들기

react-native-architecture skill을 사용하여 TypeScript 모바일 앱을 위한 스타터 Expo 앱 구조를 설계하세요. 폴더, providers, 내비게이션 그룹, 첫 구현 단계를 포함하세요.

내비게이션과 인증 설계하기

react-native-architecture skill을 사용하여 인증 영역과 비인증 영역이 있는 Expo Router 내비게이션을 계획하세요. 보호된 라우트 동작과 토큰 저장 가이드를 포함하세요.

오프라인 데이터 패턴 추가하기

react-native-architecture skill을 사용하여 React Query 지속성, 낙관적 업데이트, 네트워크 재연결 동작을 포함한 오프라인 우선 제품 데이터 흐름을 설계하세요.

프로덕션 앱 계획 점검하기

react-native-architecture skill을 사용하여 제 React Native 릴리스 계획을 검토하세요. 내비게이션, 네이티브 모듈, 성능, EAS build profiles, 앱 스토어 제출, 플랫폼 위험을 확인하세요.

모범 사례

변경을 요청하기 전에 현재 앱 구조, Expo SDK 버전, 내비게이션 방식, 네이티브 모듈 요구 사항을 공유하세요.
기능이 iOS, Android, web에서 다르게 동작하는 경우 플랫폼별 참고 사항을 요청하세요.
프로덕션에서 사용하기 전에 모든 CLI 명령, 자격 증명 경로, 권한, 앱 스토어 설정을 검토하고 조정하세요.

피하기

placeholder app IDs, 이메일 주소, 자격 증명 또는 API 이름을 프로덕션 구성에 그대로 복사하지 마세요.
예제를 완전한 보안, 오류 처리 또는 컴플라이언스 구현으로 간주하지 마세요.
버전, 프로젝트 상태, 저장소 정책을 확인하지 않고 패키지 설치 또는 EAS 명령을 실행하지 마세요.

자주 묻는 질문

이 스킬은 Expo와 bare React Native 중 무엇에 가장 적합한가요?

Expo와 EAS 워크플로를 중심으로 하며, bare React Native가 필요할 수 있는 경우도 함께 설명합니다.

전체 모바일 앱을 생성할 수 있나요?

구조와 구현 패턴을 안내할 수 있지만, 프로젝트별 코드, 에셋, API, 테스트는 여전히 필요합니다.

인증을 다루나요?

예. Expo SecureStore를 사용하는 보호된 라우트 패턴과 토큰 저장 방식을 포함합니다.

오프라인 우선 앱을 지원하나요?

예. React Query 지속성, 네트워크 상태 추적, stale data, 낙관적 업데이트를 다룹니다.

빌드 명령은 실행해도 안전한가요?

표준 Expo 및 EAS 예제이지만, 사용자는 먼저 패키지 버전, 자격 증명, 프로젝트 설정을 확인해야 합니다.

최상의 결과를 위해 무엇을 제공해야 하나요?

Expo 버전, 라우팅 계획, 대상 플랫폼, 네이티브 모듈, API 형태, 릴리스 요구 사항을 제공하세요.

개발자 세부 정보

작성자

wshobson

라이선스

MIT

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/wshobson/agents/tree/main/plugins/frontend-mobile-development/skills/react-native-architecture

참조

64ca8af0f54a325752f08bd54e52151061ea659a

유지보수 최신성

2026. 7. 23.

사용량

13 다운로드 · 254 조회

파일 구조

📄 SKILL.md

wshobson의 다른 스킬

전체 보기

📦

prompt-engineering-patterns

프로덕션 LLM 프롬프트 최적화

LLM 프롬프트는 지침, 예시, 평가 기준이 명확하지 않아 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code 및 유사 도구에서 프롬프트를 개선하기 위한 템플릿과 워크플로를 제공합니다.

생산성 보기

📦

context-driven-development

컨텍스트 기반 개발 관리

제품 목표, 스택 선택, 워크플로 규칙이 흩어져 있으면 AI 지원 프로젝트의 일관성이 떨어집니다. 이 스킬은 Conductor 컨텍스트 아티팩트를 통해 Claude, Codex, Claude Code를 안내합니다.

코딩 및 개발 보기

📦

startup-financial-modeling

스타트업 재무 모델 구축

스타트업 팀은 채용, 자금 조달, 현금 사용을 계획하기 전에 명확한 예측이 필요합니다. 이 스킬은 매출, 비용, 런웨이, 시나리오를 실용적인 재무 계획 산출물로 구조화합니다.

데이터 및 분석 보기

📦

kpi-dashboard-design

의사결정을 이끄는 KPI 대시보드 설계

팀은 종종 많은 숫자를 보여주지만 행동을 안내하지는 못하는 대시보드를 만듭니다. 이 스킬은 Claude, Codex, Claude Code가 의미 있는 KPI를 선택하고, 뷰를 구조화하며, 지표를 명확하게 제시하도록 돕습니다.

디자인 및 크리에이티브 보기

📦

postmortem-writing

비난 없는 인시던트 사후 분석 작성

인시던트 리뷰는 종종 일관성이 없거나, 비난에 초점이 맞춰지거나, 실행으로 옮기기 어렵게 됩니다. 이 스킬은 Claude, Codex, Claude Code가 명확한 타임라인, 근본 원인, 담당자를 포함한 구조화된 사후 분석을 작성하도록 돕습니다.

글쓰기 및 콘텐츠 보기

📦

data-storytelling

명확한 데이터 스토리 만들기

원시 지표만으로는 이해관계자를 설득하거나 의사결정을 뒷받침하기 어려운 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 분석을 명확한 내러티브, 시각 자료, 추천 사항으로 구성하도록 돕습니다.

데이터 및 분석 보기

전체 보기

📦

nestjs-code-audit

Audit NestJS Code with Evidence-Backed Findings

작성자 amirtaherkhani

NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.

코딩 및 개발 보기

📦