Skills Expo

Thêm mục tiêu App Clip iOS vào ứng dụng Expo. Sử dụng khi người dùng đề cập đến App Clip, AASA, apple-app-site-association, appclips, smart app banner, hoặc muốn phát hành…

Kiểm tra các tính năng Expo Router trên trình giả lập Android bằng ADB. Sử dụng sau khi triển khai các tính năng Android gốc hoặc khi xác minh hành vi giao diện người dùng trên Android.

Test Expo Router features on Android emulators using ADB. Use after implementing native Android features or when verifying UI behavior on Android.

Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.

Sử dụng khi xây dựng giao diện Android với Jetpack Compose, quản lý trạng thái bằng remember/mutableStateOf, hoặc triển khai các mẫu giao diện khai báo.

Hướng dẫn tạo API routes trong Expo Router với EAS Hosting

Hướng dẫn đầy đủ để xây dựng ứng dụng Expo gốc với routing, tạo kiểu, component và quy ước nền tảng. Bao gồm các kiến thức cơ bản về Expo Router, tab gốc, stack navigation, modal và form sheet với quy ước cấu trúc route chi tiết. Bao gồm các quy tắc tạo kiểu tuân theo Nguyên tắc Giao diện Người dùng Apple: bố cục flexbox, xử lý vùng an toàn, hoạt ảnh, đổ bóng qua CSS boxShadow và các mẫu thiết kế đáp ứng. Ghi lại các tùy chọn thư viện (expo-image cho SF Symbols, expo-audio, expo-video,...)

Hướng dẫn hoàn chỉnh để xây dựng ứng dụng đẹp với Expo Router. Bao gồm các kiến thức cơ bản, tạo kiểu, thành phần, điều hướng, hoạt ảnh, mẫu thiết kế và tab gốc.

Giúp hiểu và viết các tệp YAML quy trình EAS cho các dự án Expo. Sử dụng kỹ năng này khi người dùng hỏi về CI/CD hoặc quy trình trong bối cảnh Expo hoặc EAS,…

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, axios, React Query, SWR, error handling, caching…

In-depth design-focused code review - understands codebase context before evaluating PR changes, posts structured feedback to GitHub

Đánh giá mã chuyên sâu tập trung vào thiết kế - hiểu ngữ cảnh mã nguồn trước khi đánh giá các thay đổi trong PR, đăng phản hồi có cấu trúc lên GitHub

Triển khai ứng dụng Expo lên iOS App Store, Android Play Store, web hosting và các API routes

Xây dựng và phân phối các ứng dụng phát triển Expo cục bộ hoặc qua TestFlight

EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json…

Dịch vụ EAS (trả phí). Triển khai ứng dụng Expo lên các cửa hàng ứng dụng với EAS - xây dựng và gửi lên iOS App Store, Google Play Store và TestFlight, cấu hình eas.json…

EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs,…

Dịch vụ EAS (trả phí). Triển khai các trang web Expo và các route API của Expo Router lên EAS Hosting - xuất gói web, chạy eas deploy cho môi trường production và các URL xem trước PR,…

EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it…

EAS service (paid). Check the health of published EAS Update: crash rates, install/launch counts, unique users, payload size, and the split between embedded…

Kiểm tra tình trạng của các bản cập nhật EAS đã phát hành: tỷ lệ sập, số lần cài đặt/khởi chạy, người dùng duy nhất, kích thước tải trọng và sự phân chia giữa người dùng nhúng và OTA theo…

EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD or workflows in an Expo…

Dịch vụ EAS (có phí). Giúp hiểu và viết tệp YAML quy trình làm việc EAS cho các dự án Expo. Sử dụng kỹ năng này khi người dùng hỏi về CI/CD hoặc quy trình làm việc trong một Expo…

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

Write TSDoc comments for Expo SDK APIs following official conventions. MUST USE when introducing new user-facing TypeScript APIs in expo-* packages - document…

Viết chú thích TSDoc cho các API của Expo SDK theo quy ước chính thức. PHẢI SỬ DỤNG khi giới thiệu các API TypeScript mới dành cho người dùng trong các gói expo-* - tài liệu…

Các route API trong Expo Router dành cho logic phía máy chủ, bí mật và tích hợp bên thứ ba trên EAS Hosting. Tạo route với hậu tố +api.ts trong thư mục app; xuất các hàm có tên cho các phương thức HTTP (GET, POST, PUT, DELETE). Xử lý tham số truy vấn, header, nội dung JSON và các đoạn route động; thêm header CORS cho client web. Truy cập bí mật phía máy chủ qua process.env; đặt biến cục bộ trong .env hoặc qua eas env:create cho môi trường production. Triển khai lên EAS Hosting (Cloudflare Workers) với eas...

Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner,…

Khung (OSS). Thêm mục tiêu App Clip iOS vào ứng dụng Expo. Sử dụng khi người dùng đề cập đến App Clip, AASA, apple-app-site-association, appclips, smart app banner,…

Khung (OSS). Tích hợp Expo và React Native vào ứng dụng iOS hoặc Android gốc hiện có. Sử dụng khi người dùng đề cập đến brownfield, nhúng React Native vào…

Viết và xác thực các tệp YAML quy trình CI/CD EAS cho các dự án Expo. Tải lược đồ JSON mới nhất từ API của Expo để đảm bảo các loại công việc, tham số, trình kích hoạt và cấu hình runner luôn cập nhật. Hỗ trợ biểu thức động sử dụng cú pháp ${{ }} với các ngữ cảnh cho sự kiện GitHub, đầu vào quy trình, đầu ra công việc và kết quả bước. Bao gồm tập lệnh xác thực tích hợp kiểm tra cấu trúc quy trình so với lược đồ và báo cáo lỗi trước khi triển khai. Cung cấp tài liệu tham khảo về cú pháp,...

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling,…

Triển khai tự động các ứng dụng Expo lên iOS App Store, Android Play Store, web hosting và môi trường xem trước. Hỗ trợ xây dựng và gửi bản production cho iOS (App Store và TestFlight) và Android (Google Play Store) chỉ với một lệnh duy nhất. Bao gồm EAS Hosting cho triển khai web với URL xem trước PR tự động và hỗ trợ tên miền production. Cung cấp tự động hóa quy trình CI/CD qua EAS Workflows cho các bản build và gửi được kích hoạt khi có push mã. Quản lý phiên bản tự động với từ xa...

Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow,…

Xây dựng các bản phát triển Expo tùy chỉnh để kiểm tra mã gốc trên thiết bị vật lý qua EAS Build hoặc cục bộ. Chỉ cần thiết khi sử dụng các mô-đun gốc tùy chỉnh, mục tiêu Apple (widget, app clips) hoặc mã gốc của bên thứ ba không có trong Expo Go; hãy thử Expo Go trước với lệnh npx expo start. Hỗ trợ xây dựng đám mây với tính năng tự động gửi lên TestFlight hoặc xây dựng cục bộ trên máy của bạn, xuất ra tệp .ipa (iOS) hoặc .apk / .aab (Android). Yêu cầu cấu hình eas.json với một hồ sơ phát triển thiết lập...

Build custom Expo development clients for testing native code on physical devices via EAS Build or locally. Only needed when using custom native modules, Apple targets (widgets, app clips), or third-party native code not in Expo Go; try Expo Go first with npx expo start Supports cloud builds with automatic TestFlight submission or local builds on your machine, outputting .ipa (iOS) or .apk / .aab (Android) files Requires eas.json configuration with a development profile that sets...

Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end…

Khung (Mã nguồn mở). Sử dụng các thành phần DOM của Expo để chạy mã web trong webview trên nền tảng gốc và giữ nguyên trên web. Di chuyển mã web sang nền tảng gốc một cách dần dần. Để hoàn chỉnh từ đầu đến cuối…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated,…

Framework (OSS). Migrate an existing Apple/Swift Expo native module from the Expo Modules API 1.0 definition DSL to the 2.0 macro API (sometimes called v2)…

Complete reference for building native modules and views with the Expo Modules API across Swift, Kotlin, and TypeScript. Covers module definition DSL (Function, AsyncFunction, Property, Constant, Events), native views, shared objects, and type system with examples in both Swift and Kotlin Includes lifecycle hooks for module initialization, iOS AppDelegate, and Android activity/application listeners Provides config plugin guidance for modifying Info.plist and AndroidManifest.xml, plus...

Hướng dẫn tạo và viết các mô-đun gốc và chế độ xem của Expo bằng Expo Modules API (Swift, Kotlin, TypeScript). Bao gồm DSL định nghĩa mô-đun, gốc…

Framework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations,…

Khung mã nguồn mở. Xây dựng các màn hình Expo đẹp, mang cảm giác native. Bao gồm kiểu dáng Apple HIG, màu sắc ngữ nghĩa, điều khiển native, SF Symbols, media, hoạt ảnh, hiệu ứng hình ảnh, gradient, lưu trữ và bố cục đáp ứng. Để định tuyến và điều hướng, hãy sử dụng kỹ năng expo-router.

Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the…

Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should…

Run Expo's configured AI code reviewer on local changes or an expo/expo pull request, summarize findings and reviewer coverage, retain PR previews by default…

Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and…

Khung mã nguồn mở. Điều hướng và định tuyến cho Expo Router. Bao gồm các tuyến dựa trên tệp, nhóm và tuyến động, tổ chức thư mục, Liên kết có xem trước và menu ngữ cảnh, Stack gốc, tiêu đề trang, modal và trang tính biểu mẫu, NativeTabs, tiêu đề và thanh công cụ, và thanh tìm kiếm tiêu đề.

Evaluate Expo skills in this repo end-to-end - trigger accuracy, generated code quality, and runtime screenshots on iOS simulator and Android emulator via Expo…

Đánh giá các kỹ năng Expo trong repo này từ đầu đến cuối - độ chính xác kích hoạt, chất lượng mã được tạo, và ảnh chụp màn hình thời gian chạy trên trình mô phỏng iOS và trình giả lập Android qua Expo…

Submit feedback on an Expo skill—or Expo itself—and control bundled anonymous usage telemetry (off by default / opt-in). Submit feedback with: npx --yes…

Kiểu dáng Tailwind CSS v4 phổ quát cho ứng dụng Expo trên iOS, Android và Web. Tích hợp Tailwind CSS v4 với react-native-css và NativeWind v5 thông qua Metro transformer, loại bỏ nhu cầu cấu hình Babel. Cung cấp thư viện component bọc CSS có thể tái sử dụng (View, Text, ScrollView, Pressable, TextInput, Image, Link) áp dụng className cho các phần tử gốc. Hỗ trợ kiểu dáng theo nền tảng thông qua truy vấn phương tiện CSS, biến theme tùy chỉnh qua khối @theme, và ngữ nghĩa Apple...

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. Integrates Tailwind CSS v4 with react-native-css and NativeWind v5 via Metro transformer, eliminating the need for Babel configuration Provides reusable CSS-wrapped component library (View, Text, ScrollView, Pressable, TextInput, Image, Link) that apply className styles to native elements Supports platform-specific styling through CSS media queries, custom theme variables via @theme blocks, and Apple semantic...

Framework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native…

Khung (Mã nguồn mở). Xây dựng giao diện người dùng gốc với gói @expo/ui: SwiftUI thực trên iOS và Jetpack Compose trên Android được hiển thị từ React trong ứng dụng Expo hoặc React Native. Bao gồm các thành phần đa nền tảng phổ quát (Host, Column, Row, Button, Text, List, và nhiều hơn nữa được nhập từ @expo/ui), các thay thế trực tiếp cho các thư viện cộng đồng React Native phổ biến (BottomSheet, DateTimePicker, Slider, Menu, v.v.), và SwiftUI dành riêng cho nền tảng (@expo/ui/swift-ui, chỉ iOS) và Jetpack Compose...

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

Khung (Mã nguồn mở). Hướng dẫn nâng cấp phiên bản Expo SDK và sửa lỗi phụ thuộc

Framework (OSS). Guidelines for upgrading Expo SDK versions and fixing dependency issues

Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a…

Khung (Mã nguồn mở). Di chuyển ứng dụng web React hiện có sang ứng dụng iOS/Android gốc với Expo. Sử dụng khi người dùng muốn biến một trang web thành ứng dụng di động, chuyển đổi một…

Các yêu cầu mạng, lời gọi API và truy xuất dữ liệu cho ứng dụng Expo với bộ nhớ đệm, xử lý lỗi và hỗ trợ ngoại tuyến. Bao gồm fetch API, React Query, các mẫu xử lý lỗi, quản lý token với expo-secure-store và logic thử lại với backoff theo cấp số nhân. Bao gồm các chiến lược ưu tiên ngoại tuyến sử dụng NetInfo và tính năng duy trì của React Query, cùng với cấu hình biến môi trường với tiền tố EXPO_PUBLIC_ cho URL phía máy khách. Hỗ trợ trình tải dữ liệu Expo Router (useLoaderData) để tải dữ liệu ở cấp độ tuyến đường...

Điều khiển và phát trực tiếp trình giả lập iOS, iPad hoặc Apple Watch đang chạy bằng npx serve-sim. Dùng để xem trước trình giả lập, chạm, cử chỉ, nút phần cứng, xoay,…

Kiểm tra và cập nhật tài sản giả lập kiểu Device Hub của serve-sim từ tài nguyên Xcode/CoreTypes cục bộ. Sử dụng sau khi cài đặt Xcode hoặc macOS mới…

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, macOS-specific APIs, and iOS 26+ Liquid…

Viết, xem xét hoặc cải thiện mã SwiftUI theo các phương pháp tốt nhất về quản lý trạng thái, cấu trúc view, hiệu suất, API dành riêng cho macOS và iOS 26+ Liquid…

Thiết lập Tailwind CSS v4 trong Expo với react-native-css và NativeWind v5 để tạo kiểu phổ quát

Hướng dẫn có cấu trúc để nâng cấp phiên bản Expo SDK và giải quyết xung đột phụ thuộc. Cung cấp quy trình nâng cấp từng bước bao gồm chẩn đoán, xóa bộ nhớ đệm và quy trình prebuild cho các thay đổi native. Bao gồm các thay đổi gây gián đoạn từ SDK 53–55, bao gồm di chuyển React 19, mặc định Kiến trúc Mới, thiết lập React Compiler và cập nhật module native (tabs, audio, video). Bao gồm bản đồ không dùng nữa cho các gói như expo-av, expo-permissions và AsyncStorage với các đề xuất thay thế...

Chạy các thư viện chỉ dành cho web trong ứng dụng Expo bằng cách hiển thị chúng trong webview trên nền tảng gốc và giữ nguyên trên web. Hỗ trợ bất kỳ thư viện web React nào (recharts, react-syntax-highlighter, canvas, WebGL) mà không cần sửa đổi bằng cách bọc nó trong một tệp thành phần DOM với chỉ thị 'use dom'; Truyền các props có thể tuần tự hóa và các hàm bất đồng bộ từ nền tảng gốc sang webview, cho phép giao tiếp hai chiều giữa ngữ cảnh gốc và web. Bao gồm các tùy chọn cấu hình webview thông qua prop dom: điều khiển cuộn, vùng an toàn...

Di chuyển ứng dụng web React hiện có sang ứng dụng iOS/Android gốc với Expo. Sử dụng khi người dùng muốn biến một trang web thành ứng dụng di động, chuyển đổi Next.js/Vite/CRA…