syedAsifalilionking/cursor-skill-fullstack-native-app-builder

cursor-skill-fullstack-native-app-builder은(는) 무엇을 하나요?

Cursor AI와 공유 Firebase 백엔드, 프로덕션 준비 패턴을 사용하여 웹, iOS, Android용 풀스택 네이티브 앱을 구축합니다.

이 스킬은 Cursor AI 에이전트가 Firebase를 공유 백엔드로 사용하는 풀스택 네이티브 애플리케이션을 웹, iOS, Android 플랫폼용으로 구축할 수 있도록 안내합니다. React Native (Expo)를 사용하여 크로스 플랫폼 UI를 제공하고, Firebase (Firestore, Authentication, Cloud Functions)를 통해 백엔드 서비스를 통합합니다. 개발자는 이 패턴을 사용하여 프로토타입에서 프로덕션까지 신속하게 진행할 수 있습니다.

주요 기능

• 크로스 플랫폼 앱: React Native (Expo)를 사용하여 웹, iOS, Android용 단일 코드베이스
• Firebase 백엔드: Firestore (데이터베이스), Authentication (인증), Cloud Functions (서버리스 함수)
• 생산성 패턴: Cursor AI를 위한 재사용 가능한 코드 템플릿 및 모범 사례
• 프로덕션 준비: 오류 처리, 로딩 상태, 보안 규칙이 내장됨

지원 플랫폼

• 웹: Expo Web 또는 Next.js
• iOS: Expo SDK
• Android: Expo SDK

시작하기

이 스킬을 사용하려면 Cursor 내에서 AI에게 풀스택 네이티브 앱 구축을 요청하세요. AI가 Firebase 프로젝트 설정, Expo 초기화, 기본 앱 구조 생성을 안내합니다.

예제 사용법

사용자: 'Firebase 인증을 갖춘 기본 작업 관리자 앱을 만들어 줘'
에이전트: Expo 앱을 생성하고, Firebase를 설정하고, Firestore를 사용하여 작업 CRUD를 구현하고, 인증을 추가합니다.

구조

my-app/
├── app/              # Expo Router 파일
├── components/       # 재사용 가능한 UI 구성 요소
├── firebase/         # Firebase 설정 및 서비스
├── functions/        # Cloud Functions
└── screens/          # 앱 화면