Mobile

foundation-models-on-device giúp bạn xây dựng các tính năng Apple FoundationModels trên iOS 26+ với tạo văn bản ngay trên thiết bị, đầu ra có hướng dẫn bằng @Generable, gọi công cụ, phát trực tuyến snapshot và kiểm tra khả dụng cho các ứng dụng ưu tiên quyền riêng tư.

dart-flutter-patterns là một kỹ năng thực tiễn về Dart và Flutter dành cho phát triển frontend, bao quát null safety, immutable state, async composition, cấu trúc widget, state management, điều hướng GoRouter, networking với Dio, testing và clean architecture. Hãy dùng hướng dẫn dart-flutter-patterns để chọn các pattern sẵn sàng cho production khi làm tính năng mới và refactor.

mobile-android-design giúp agent đưa ra hướng dẫn UI thuần Android với Material Design 3, Jetpack Compose, theming, navigation và các mẫu bố cục thích ứng cho điện thoại, máy tính bảng và thiết bị gập.

Skill mobile-ios-design giúp agent tạo hướng dẫn UI đậm chất iOS theo nguyên tắc Apple HIG, mẫu SwiftUI, tư vấn điều hướng, khả năng truy cập và bố cục thích ứng cho iPhone và iPad.

react-native-design là skill chuyên biệt cho các mẫu UI React Native, bao gồm styling với StyleSheet, React Navigation có kiểu dữ liệu đầy đủ và cách dùng Reanimated 3 để xây dựng màn hình đa nền tảng.

react-native-architecture hỗ trợ lên kiến trúc cho ứng dụng React Native và Expo ở môi trường production, bao gồm routing, ranh giới state, native modules, luồng offline-first và các đánh đổi giữa Expo với bare.

vercel-react-native-skills là skill cho React Native và Expo dành cho phát triển frontend chú trọng hiệu năng. Hãy dùng nó để cải thiện việc render danh sách, animation, điều hướng, các mẫu UI, quản lý state và thiết lập native module. Skill này cung cấp các quy tắc thực tiễn, hướng dẫn cài đặt và các mẫu sử dụng để xử lý các điểm nghẽn của ứng dụng mobile với ít phải đoán mò hơn.

Skill adapt giúp thiết kế lại một UI hiện có cho thiết bị hoặc bối cảnh sử dụng mới. Tìm hiểu quy trình adapt, phần phụ thuộc frontend-design bắt buộc, đường dẫn cài đặt và cách áp dụng thực tế cho các thay đổi UI/UX trên mobile, tablet, bản in và đa nền tảng.

adapt giúp các nhóm UI/UX thiết kế lại giao diện hiện có cho những ngữ cảnh mới như mobile, tablet, bản in hoặc tương tác cảm ứng. Hãy dùng adapt để đánh giá các giả định của giao diện nguồn, các ràng buộc của đích đến và những thay đổi về tương tác trước khi bắt tay vào triển khai. Bạn có thể cài từ pbakaus/impeccable và kết hợp với /frontend-design để đạt hiệu quả tốt hơn.

ios-application-dev là một hướng dẫn thực hành về phát triển ứng dụng iOS với UIKit, SnapKit và SwiftUI. Skill này giúp lập trình viên frontend ra quyết định UI nhanh hơn cho bố cục, điều hướng, khả năng truy cập, Dynamic Type, Dark Mode và các quy ước của nền tảng Apple. Hãy dùng nó để rà soát code hoặc biến yêu cầu sản phẩm thành các màn hình iPhone sẵn sàng bàn giao.

android-native-dev là một skill chuyên về phát triển Android native với Kotlin, Jetpack Compose, Material Design 3, thiết lập dự án, khả năng truy cập và xử lý lỗi build. Skill này giúp đội ngũ đánh giá trạng thái repo, khởi tạo hoặc sửa chữa dự án Android, và xây dựng UI có thể build được với ít phỏng đoán hơn.

Kỹ năng khai thác lưu trữ dữ liệu không an toàn trên mobile giúp đánh giá và trích xuất bằng chứng từ bộ nhớ cục bộ kém an toàn trong ứng dụng Android và iOS. Kỹ năng này bao phủ SharedPreferences, cơ sở dữ liệu SQLite, file plist, file có thể đọc công khai, rò rỉ qua bản sao lưu, và cách xử lý yếu keychain/keystore trong các workflow pentest mobile và Security Audit.

Kỹ năng phát hiện hành vi mã độc di động phân tích các ứng dụng Android và iOS đáng ngờ để tìm lạm dụng quyền, hoạt động lúc chạy, chỉ dấu mạng và các mẫu hành vi giống malware. Hãy dùng kỹ năng này cho khâu sàng lọc, ứng phó sự cố và phát hiện hành vi mã độc di động trong quy trình Security Audit, với phân tích có bằng chứng cho thiết bị di động.

firebase-apk-scanner là một skill kiểm tra bảo mật chuyên sâu cho APK Android, dùng để rà soát các ứng dụng dựa trên Firebase nhằm phát hiện cơ sở dữ liệu để mở, lộ diện lưu trữ, xác thực yếu và Cloud Functions không cần xác thực. Hãy dùng skill này cho các cuộc đánh giá bảo mật Firebase được ủy quyền khi bạn cần hướng dẫn cài đặt, cách sử dụng và một lộ trình rõ ràng từ việc kiểm tra APK đến xác nhận kết quả.

Skill Expo UI SwiftUI giúp cài đặt @expo/ui, rebuild bằng `npx expo run:ios`, và dùng đúng `Host`, `RNHostView` cùng tài liệu SDK 55 trong ứng dụng Expo.

native-data-fetching là skill dành cho Expo, tập trung vào triển khai và gỡ lỗi API request, các mẫu fetch, caching, auth header, hành vi offline và Expo Router loader, kèm hướng dẫn cài đặt và cách dùng.

Skill upgrading-expo hỗ trợ nâng cấp phiên bản Expo SDK, chạy đúng các lệnh cài đặt và doctor, xóa cache, đồng thời xử lý các thay đổi có thể gây lỗi như React 19, New Architecture, Native Tabs và việc chuyển đổi khỏi expo-av.

Kỹ năng use-dom hướng dẫn cách dùng Expo DOM components để chạy mã React web trong webview trên nền tảng native và chạy bình thường trên web, giúp bạn tái sử dụng các component phụ thuộc trình duyệt và di chuyển mã web theo từng bước.

building-native-ui là skill giao diện Expo Router dành cho các ứng dụng React Native có cảm giác native. Tìm hiểu bối cảnh cài đặt, cấu trúc route, tabs, headers, animations, media và các giới hạn theo nền tảng trước khi dùng.

expo-api-routes giúp bạn tạo các API route cho Expo Router trên EAS Hosting, với hướng dẫn rõ ràng về khi nào nên dùng endpoint phía máy chủ, nên đặt các tệp `app/**/+api.ts` ở đâu và cách tổ chức route handler an toàn.

expo-cicd-workflows hỗ trợ tạo, chỉnh sửa và kiểm tra Expo EAS workflow YAML. Cài đặt skill, lấy schema và tài liệu mới nhất, rồi tạo mới hoặc sửa các tệp `.eas/workflows` với hướng dẫn có bộ kiểm tra xác thực hỗ trợ cho quy trình build, submission, update và pipeline triển khai.

expo-deployment hỗ trợ phát hành ứng dụng Expo bằng EAS trên iOS App Store, Google Play, web hosting, TestFlight, metadata và quy trình CI/CD.

`expo-dev-client` giúp bạn xác định liệu ứng dụng Expo có cần development client hay không, sau đó cấu hình EAS và build cục bộ hoặc qua TestFlight để kiểm thử native.

expo-tailwind-setup là hướng dẫn thực tế để cài đặt và cấu hình Tailwind CSS v4 trong Expo bằng react-native-css và NativeWind v5 cho iOS, Android và web.