Mobile

foundation-models-on-device는 iOS 26+에서 Apple FoundationModels 기능을 구현할 수 있도록 도와줍니다. 온디바이스 텍스트 생성, @Generable 기반 가이드 출력, tool calling, snapshot streaming, 그리고 프라이버시 우선 앱을 위한 사용 가능성 확인까지 지원합니다.

dart-flutter-patterns는 프런트엔드 개발을 위한 실용적인 Dart 및 Flutter 스킬로, null safety, immutable state, async composition, widget structure, state management, GoRouter navigation, Dio networking, testing, clean architecture를 다룹니다. 새 기능을 만들거나 리팩터링할 때 production-ready 패턴을 선택하는 데 dart-flutter-patterns 가이드를 활용하세요.

mobile-android-design는 Material Design 3, Jetpack Compose, 테마 설정, 내비게이션, 그리고 휴대폰·태블릿·폴더블에 대응하는 적응형 레이아웃 패턴을 바탕으로, 에이전트가 Android 네이티브 UI 가이드를 제공하도록 돕는 스킬입니다.

mobile-ios-design 스킬은 Apple HIG 원칙, SwiftUI 패턴, 내비게이션 설계, 접근성, iPhone 및 iPad 대응형 레이아웃을 바탕으로 에이전트가 iOS 네이티브에 가까운 UI 가이드를 만들도록 돕습니다.

react-native-design는 React Native UI 패턴에 집중한 스킬로, StyleSheet 스타일링, 타입이 적용된 React Navigation, 그리고 크로스플랫폼 화면 구현을 위한 Reanimated 3 활용법까지 다룹니다.

react-native-architecture는 프로덕션용 React Native 및 Expo 앱을 설계할 때 라우팅, 상태 경계, 네이티브 모듈, 오프라인 우선 흐름, Expo와 bare 방식의 트레이드오프를 함께 검토할 수 있도록 돕습니다.

vercel-react-native-skills는 성능을 중시하는 프런트엔드 개발을 위한 React Native 및 Expo 스킬입니다. 리스트 렌더링, 애니메이션, 네비게이션, UI 패턴, 상태 관리, 네이티브 모듈 설정을 개선하는 데 활용할 수 있습니다. 모바일 앱의 병목을 더 적은 시행착오로 다루도록 실용적인 규칙, 설치 가이드, 사용 패턴을 제공합니다.

adapt 스킬은 기존 UI를 새로운 디바이스나 사용 맥락에 맞게 다시 설계할 때 유용합니다. adapt 워크플로, 필요한 frontend-design 의존성, 설치 경로, 그리고 모바일·태블릿·인쇄물·크로스플랫폼 환경에서의 실전 UI/UX 변경 활용법을 확인해 보세요.

adapt 스킬은 UI/UX 팀이 기존 인터페이스를 모바일, 태블릿, 인쇄물, 터치 환경처럼 새로운 맥락에 맞게 재설계할 때 도움을 줍니다. 구현에 들어가기 전에 adapt로 기존 전제, 대상 환경의 제약, 상호작용 변화 요소를 먼저 점검할 수 있습니다. pbakaus/impeccable에서 설치하고, 더 나은 결과를 위해 /frontend-design과 함께 사용하는 것이 좋습니다.

ios-application-dev는 UIKit, SnapKit, SwiftUI를 위한 실전 iOS 앱 개발 가이드입니다. 프런트엔드 개발자가 레이아웃, 내비게이션, 접근성, Dynamic Type, Dark Mode, Apple 플랫폼 관례에 대해 더 빠르게 UI 결정을 내리도록 돕습니다. 코드 리뷰에 활용하거나 제품 요구사항을 배포 가능한 iPhone 화면으로 옮길 때 유용합니다.

android-native-dev는 Kotlin, Jetpack Compose, Material Design 3, 프로젝트 설정, 접근성, 빌드 문제 해결에 초점을 맞춘 Android 네이티브 개발 스킬입니다. 팀이 저장소 상태를 점검하고, Android 프로젝트를 초기화하거나 복구하며, 추측을 줄인 상태로 빌드 가능한 UI를 구현하는 데 도움을 줍니다.

exploiting-insecure-data-storage-in-mobile skill은 Android 및 iOS 앱의 취약한 로컬 저장소에서 증거를 점검하고 추출하는 데 도움을 줍니다. SharedPreferences, SQLite 데이터베이스, plist 파일, world-readable 파일, 백업 노출, 그리고 취약한 keychain/keystore 처리까지 다루며, 모바일 pentesting과 Security Audit 워크플로에 적합합니다.

detecting-mobile-malware-behavior skill은 권한 남용, 런타임 활동, 네트워크 지표, 악성코드 유사 패턴을 기준으로 의심스러운 Android 및 iOS 앱을 분석합니다. 보안 감사(Security Audit) 워크플로에서 증거 기반 모바일 분석으로 트리아지, 사고 대응, detecting-mobile-malware-behavior에 활용할 수 있습니다.

firebase-apk-scanner는 Android APK용 보안 감사에 특화된 스킬로, Firebase 기반 앱에서 공개 데이터베이스, 스토리지 노출, 취약한 인증, 인증 없는 Cloud Functions를 점검합니다. 승인된 Firebase 보안 감사를 수행할 때, 설치 및 사용 안내와 APK 검토에서 검증된 결과까지 이어지는 명확한 경로가 필요하다면 적합합니다.

Expo 앱에서 `@expo/ui`를 설치하고 `npx expo run:ios`로 다시 빌드하며, `Host`, `RNHostView`, SDK 55 문서를 기준으로 Expo UI SwiftUI를 올바르게 적용하는 방법을 안내하는 스킬입니다.

native-data-fetching은 Expo 환경에서 API 요청 구현과 디버깅에 초점을 맞춘 스킬로, fetch 패턴, 캐싱, auth 헤더, 오프라인 동작, Expo Router loader를 설치 및 사용 가이드와 함께 다룹니다.

upgrading-expo 스킬은 Expo SDK 버전 업그레이드 시 필요한 설치 및 doctor 명령 실행, 캐시 초기화, 그리고 React 19, New Architecture, Native Tabs, `expo-av` 마이그레이션 같은 주요 호환성 변경 대응을 돕습니다.

use-dom 스킬은 Expo DOM components를 사용해 React 웹 코드를 네이티브에서는 webview에서, 웹에서는 일반 방식으로 실행하는 방법을 안내합니다. 이를 통해 브라우저 의존 컴포넌트를 재사용하고, 기존 웹 코드를 단계적으로 이전하는 데 도움을 줍니다.

building-native-ui는 네이티브 감각의 React Native 앱을 위한 Expo Router UI 스킬입니다. 사용 전에 설치 맥락, 라우트 구조, 탭, 헤더, 애니메이션, 미디어, 플랫폼 제한 사항을 미리 파악할 수 있습니다.

expo-api-routes는 EAS Hosting에서 Expo Router API 라우트를 만들 수 있도록 도와주며, 서버 사이드 엔드포인트를 언제 써야 하는지, `app/**/+api.ts` 파일을 어디에 둬야 하는지, 보안성 있는 라우트 핸들러를 어떻게 구성해야 하는지까지 명확하게 안내합니다.

expo-cicd-workflows는 Expo EAS workflow YAML을 생성, 수정, 검증하는 데 도움을 주는 스킬입니다. 스킬을 설치한 뒤 최신 스키마와 문서를 가져와 builds, submissions, updates, 배포 파이프라인에 맞는 `.eas/workflows` 파일을 만들거나 수정할 수 있으며, 검증기 기반 가이드를 통해 오류 가능성을 줄여줍니다.

expo-deployment는 EAS를 사용해 iOS App Store, Google Play, 웹 호스팅, TestFlight, 메타데이터, CI/CD 워크플로까지 Expo 앱 출시를 진행할 수 있도록 돕습니다.

expo-dev-client는 Expo 앱에 개발용 클라이언트가 정말 필요한지 판단하고, 네이티브 테스트를 위해 EAS를 설정한 뒤 로컬 빌드나 TestFlight 배포까지 진행할 때 참고할 수 있는 가이드입니다.

expo-tailwind-setup은 Expo에서 react-native-css와 NativeWind v5를 함께 사용해 iOS, Android, 웹 환경에 Tailwind CSS v4를 설치하고 구성하는 실전 가이드입니다.