MVC-Lite 패턴을 사용하여 고성능 RTL 지원 Expo 및 React Native 애플리케이션을 구축하기 위한 프로덕션급 마스터 스킬입니다.
설치 및 다운로드
1. ClawHub CLI
레지스트리에서 스킬을 바로 설치하는 가장 빠른 방법입니다.
npx clawhub@latest install react-native-clean-pattern
2. 수동 설치
스킬 폴더를 다음 위치 중 하나로 복사하세요
~/.openclaw/skills/ <project>/skills/ 우선순위: 워크스페이스 > 로컬 > 번들
3. 프롬프트 설치
이 프롬프트를 OpenClaw에 복사하면 자동으로 설치됩니다.
Clawhub를 사용해서 react-native-clean-pattern 설치를 도와줘. Clawhub가 설치되어 있지 않다면 먼저 설치해 줘 (npm i -g clawhub).
다운로드를 원하시나요?
ZIP 아카이브 형태의 원본 스킬 파일을 받으세요.
Clawhub Mobile (Expo/React Native)란 무엇인가요?
Clawhub Mobile 스킬은 Openclaw Skills 사용자가 모바일 애플리케이션 개발을 간소화할 수 있도록 설계된 포괄적인 기술 프레임워크입니다. MVC-Lite 패턴을 통해 모듈화를 강화하고 엄격한 프로덕션 준비 아키텍처를 적용합니다. 이 스킬은 모든 모바일 프로젝트가 고성능, 유지보수성 및 글로벌 접근성에 대한 높은 표준을 준수하도록 보장합니다.
Clawhub Mobile 스킬을 워크플로에 통합함으로써 개발자는 초기 앱 프로비저닝부터 복잡한 기능 스캐폴딩까지 모든 것을 처리하는 통합 가이드를 사용할 수 있습니다. 이 스킬은 TypeScript의 zero-any 강제 적용, 중앙 집중식 디자인 토큰, 그리고 Sentry를 통한 내장 가시성을 강조합니다. 이를 통해 Openclaw Skills로 구축된 앱은 견고할 뿐만 아니라 기본 RTL-First 지원을 통해 글로벌 시장에 즉시 진출할 수 있습니다.
Clawhub Mobile (Expo/React Native) 활용 사례
- 표준화된 폴더 구조를 갖춘 새로운 프로덕션급 Expo 애플리케이션 프로비저닝.
- 일관된 4-파일 MVC-Lite 아키텍처를 사용하는 새로운 화면 및 기능 스캐폴딩.
- 아랍어 또는 히브리어와 같은 글로벌 시장을 위한 RTL 호환 사용자 인터페이스 구현.
- 엄격하게 타입이 지정된 Redux 상태 관리 및 싱글톤 API 클라이언트 설정.
- API 설정, 내비게이션 인프라 및 컴포넌트 생성과 같은 프로젝트 유지보수 작업 자동화.
Clawhub Mobile (Expo/React Native) 작동 원리
- Openclaw Skills 환경 내에서 작업을 프로비저닝, 확장 또는 진단으로 식별하여 전략을 수립합니다.
- 기존 코드를 감사하여 중복을 없애고 공유 컴포넌트나 hook의 재사용을 극대화합니다.
- 필수 4-파일 구조(index.tsx, controller.ts, styles.ts, types.ts)를 사용하여 기능을 스캐폴딩합니다.
- useAppStyle hook을 사용하여 스타일을 초기화하고 RTL 호환성 및 디자인 토큰 일관성을 보장합니다.
- UI 로직을 controller와 통합하고 Redux slices 및 중앙 API 클라이언트에 연결합니다.
- mountedRef를 사용하는 메모리 안전 비동기 controller를 구현하여 애플리케이션을 보호합니다.
- TypeScript 체크를 실행하고 LTR/RTL UI 전환을 테스트하여 구현을 검증합니다.
Clawhub Mobile (Expo/React Native) 설정 가이드
Clawhub Mobile 스킬을 시작하려면 다음 설치 단계를 따르세요:
- 디렉토리를 에이전트의 Openclaw Skills 경로에 추가하여 스킬을 등록합니다.
- npm 또는 bun을 사용하여 전역 의존성을 설치합니다:
npm install -g expo-cli eas-cli react-native-clean-pattern
또는
bun clawdhub install react-native-clean-pattern
Clawhub Mobile (Expo/React Native) 데이터 스키마 및 분류 체계
이 스킬은 Openclaw Skills 일관성을 위해 엄격하게 타입이 지정된 폴더 아키텍처와 강제된 경로 별칭을 사용하여 모바일 프로젝트를 구성합니다:
| 디렉토리 | 목적 |
|---|---|
app/ |
Expo Router 라우트 및 레이아웃 오케스트레이터 |
screens/ |
MVC-Lite 패턴을 따르는 기능 구현 |
components/ |
공유 및 일반 UI 아톰/분자 컴포넌트 |
services/ |
API, Auth, Firebase 및 Storage를 위한 인프라 |
store/ |
엄격하게 타입이 지정된 Redux Power Slices |
hooks/ |
커스텀 로직 hooks 및 파이프 가능한 스타일 |
styles/ |
디자인 토큰 시스템 및 일반 HSL 토큰 |
Clawhub Mobile (Expo/React Native) 고급 기능
- MVC-Lite 확장 패턴: 모든 화면 및 컴포넌트에 대해 4-파일 관심사 분리를 강제합니다.
- RTL-First 엔진: 필수 I18nManager 강제 뒤집기 및 UI 재하이드레이션을 포함한 i18next 지원 내장.
- 민감 정보 로깅 시스템: 로그에서 비밀번호 및 토큰과 같은 민감한 데이터를 자동으로 수정합니다.
- Power Slices: Auth, App 및 Notification 상태를 위한 엄격하게 타입이 지정된 Redux Toolkit 구현.
- 경로 별칭 강제: @shared, @services, @hooks 별칭을 의무화하여 상대 경로 지옥을 방지합니다.
- 가시성 통합: 오류 캡처 및 브레드크럼 추적을 위한 기본 Sentry 지원.
SKILL.md
로드 중
관련 Openclaw 스킬
The Things Network 스킬
AI 에이전트를 The Things Network에 연결하여 LoRaWAN IoT 장치를 관리하고 데이터 워크플로우를 자동화하는 강력한 통합 도구입니다.
Lightstep
복잡한 소프트웨어 시스템의 자동화된 모니터링, 문제 해결 및 최적화를 가능하게 하는 Openclaw Skills용 강력한 관측 가능성 통합 도구입니다.
Suno-Claw: 멀티 에이전트 AI 노래 생성기
Suno AI와 kie.ai API를 활용하여 반복적인 창의적 개선을 통해 전문 수준의 음악을 생성하는 정교한 멀티 에이전트 프레임워크입니다.
Google Search Console CLI
Google Search Console 데이터 검색, 기술적 SEO 검사 및 사이트맵 관리를 자동화하기 위한 포괄적인 CLI 도구입니다.
OFD 텍스트 추출기
개방형 고정 레이아웃 문서(OFD) 파일에서 구조화된 텍스트와 밀리미터 단위의 정밀한 문자 좌표를 추출하기 위한 전문 기술 유틸리티입니다.
Amazon Elasticsearch
Membrane 생태계를 통해 Amazon Elasticsearch 클러스터를 관리하고 자동화하기 위한 강력한 통합 도구입니다.
목표 중심 웹사이트 분석 및 개선
예상 사용자 여정과 실제 Google Analytics 및 Search Console 데이터를 비교하여 웹사이트 성능을 감사하는 포괄적인 프레임워크입니다.
XHS 커버 생성기
중국어 타이포그래피와 다양한 레이아웃 스타일을 특징으로 하는 전문적인 샤오홍슈 커버 이미지를 제작하기 위한 AI 기반 유틸리티입니다.
추천*
