mobile-app
Mobile app development guide for cross-platform apps. Covers React Native, Flutter, and Expo frameworks. Use proactively when user wants to build mobile apps. Triggers: mobile app, React Native, Flutter, Expo, iOS, Android, 모바일 앱, 앱 개발, モバイルアプリ, アプリ開発, 移动应用, 手机应用, aplicación móvil, app móvil, application mobile, app mobile, mobile Anwendung, mobile App, applicazione mobile, app mobile Do NOT use for: web-only projects, desktop apps
소스 정보
- 저장소
- ww-w-ai/bkit-gemini
- 최근 소스 활동
- 2026년 3월 11일 04:41
- 감지된 SKILL.md 언어
- 영어
- 스타
- 66
- 포크
- 16
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- mobile-app
- classification
- C
- description
- Mobile app development guide for cross-platform apps. Covers React Native, Flutter, and Expo frameworks. Use proactively when user wants to build mobile apps. Triggers: mobile app, React Native, Flutter, Expo, iOS, Android, 모바일 앱, 앱 개발, モバイルアプリ, アプリ開発, 移动应用, 手机应用, aplicación móvil, app móvil, application mobile, app mobile, mobile Anwendung, mobile App, applicazione mobile, app mobile Do NOT use for: web-only projects, desktop apps
- user-invocable
- true
- argument-hint
- [react-native|flutter|expo]
- allowed-tools
- ["read_file","write_file","replace","glob","grep_search","run_shell_command","google_web_search"]
- imports
- []
- agents
- {}
- context
- session
- memory
- project
- pdca-phase
- all
# Mobile App Skill
> Build cross-platform mobile applications
## Frameworks
### React Native + Expo (Recommended)
```bash
# Create new Expo project
npx create-expo-app my-app
cd my-app
npx expo start
```
**Pros:**
- JavaScript/TypeScript
- Hot reloading
- Expo SDK for native features
- Web support
### Flutter
```bash
# Create new Flutter project
flutter create my_app
cd my_app
flutter run
```
**Pros:**
- Dart language
- Custom UI rendering
- Excellent performance
- Material & Cupertino widgets
## Project Structure (Expo)
```
my-app/
├── app/
│ ├── (tabs)/
│ │ ├── index.tsx
│ │ └── settings.tsx
│ ├── _layout.tsx
│ └── +not-found.tsx
├── components/
├── hooks/
├── constants/
└── assets/
```
## Key Considerations
### Navigation
```typescript
// Using Expo Router
import { Link } from 'expo-router';
export default function Home() {
return (
<Link href="/settings">
Go to Settings
</Link>
);
}
```
### Native Features
```typescript
// Camera access
import { Camera } from 'expo-camera';
// Location
import * as Location from 'expo-location';
// Notifications
import * as Notifications from 'expo-notifications';
```
### State Management
- Zustand (simple)
- Redux Toolkit (complex)
- React Query (server state)
## Deployment
- **iOS**: App Store Connect
- **Android**: Google Play Console
- **Both**: Expo EAS Build
```bash
# Build for both platforms
eas build --platform all
```
GitHub에서 보기