Expo技能

為Expo應用程式新增iOS App Clip目標。當使用者提及App Clip、AASA、apple-app-site-association、appclips、智慧型應用程式橫幅，或希望發佈…時使用。

使用 ADB 在 Android 模擬器上測試 Expo Router 功能。在實作原生 Android 功能後或驗證 Android 上的 UI 行為時使用。

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.

在構建 Android UI 時使用 Jetpack Compose，透過 remember/mutableStateOf 管理狀態，或實作宣告式 UI 模式。

在 Expo Router 中使用 EAS Hosting 建立 API 路由的指南

使用路由、樣式、元件及平台慣例建構原生 Expo 應用程式的完整指南。涵蓋 Expo Router 基礎、原生分頁、堆疊導航、模態視窗與表單頁面，並詳述路由結構慣例。包含符合 Apple 人機介面指南的樣式規則：flexbox 佈局、安全區域處理、動畫、透過 CSS boxShadow 實現的陰影效果，以及響應式設計模式。記錄函式庫偏好設定（expo-image 用於 SF Symbols、expo-audio、expo-video……）

使用 Expo Router 打造精美應用程式的完整指南，涵蓋基礎知識、樣式設計、元件、導航、動畫、模式及原生分頁。

幫助理解並編寫 Expo 專案的 EAS 工作流程 YAML 檔案。當用戶詢問關於 CI/CD 或在 Expo 或 EAS 環境中的工作流程時，使用此技能…

在實作或除錯任何網路請求、API 呼叫或資料擷取時使用。涵蓋 fetch API、axios、React Query、SWR、錯誤處理、快取…

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

深度設計導向的程式碼審查——在評估 PR 變更前先理解程式碼庫背景，並將結構化回饋發布至 GitHub

將Expo應用程式部署到iOS App Store、Android Play Store、網頁主機和API路由

在本地或透過 TestFlight 建置與分發 Expo 開發客戶端

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…

EAS 服務（付費）。使用 EAS 將 Expo 應用程式部署到應用程式商店——建置並提交至 iOS App Store、Google Play Store 和 TestFlight，配置 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,…

EAS 服務（付費）。將 Expo 網站和 Expo Router API 路由部署到 EAS Hosting - 匯出 Web 套件，執行 eas deploy 以取得正式環境和 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…

檢查已發布的 EAS 更新的健康狀況：崩潰率、安裝/啟動次數、唯一用戶數、有效載荷大小，以及每個…的嵌入式與 OTA 用戶分佈。

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…

EAS 服務（付費）。協助理解與撰寫 Expo 專案的 EAS 工作流程 YAML 檔案。當使用者詢問關於 CI/CD 或 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…

為Expo SDK API撰寫符合官方慣例的TSDoc註解。在expo-*套件中引入新的使用者面向TypeScript API時必須使用——記錄…

在 Expo Router 中使用 API 路由處理伺服器端邏輯、機密資料及第三方整合，適用於 EAS Hosting。在 app 目錄中建立以 +api.ts 結尾的路由；匯出名稱對應的 HTTP 方法函式（GET、POST、PUT、DELETE）。處理查詢參數、標頭、JSON 主體及動態路由區段；為網頁客戶端加入 CORS 標頭。透過 process.env 存取伺服器端機密；在本地 .env 中設定變數，或透過 eas env:create 為正式環境設定。使用 eas 部署至 EAS Hosting（Cloudflare Workers）。

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,…

框架（開源）。為 Expo 應用程式新增 iOS App Clip 目標。當使用者提及 App Clip、AASA、apple-app-site-association、appclips、smart app banner 等時使用。

框架（開源）。將 Expo 和 React Native 整合到現有的原生 iOS 或 Android 應用程式中。當使用者提到 brownfield、將 React Native 嵌入…時使用。

為Expo專案撰寫並驗證EAS CI/CD工作流程的YAML檔案。從Expo API獲取最新JSON結構，確保作業類型、參數、觸發條件及執行器配置皆為最新。支援使用${{ }}語法的動態表達式，可搭配GitHub事件、工作流程輸入、作業輸出及步驟結果等上下文。內建驗證腳本，能根據結構檢查工作流程並在部署前回報錯誤。提供語法參考文件...

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,…

自動化將 Expo 應用程式部署至 iOS App Store、Android Play Store、網頁主機及預覽環境。支援透過單一指令進行 iOS（App Store 與 TestFlight）及 Android（Google Play Store）的正式版本建置與提交。包含 EAS Hosting 網頁部署功能，可自動產生 PR 預覽網址並支援正式網域。透過 EAS Workflows 提供 CI/CD 工作流程自動化，在程式碼推送時觸發建置與提交。自動版本管理，支援遠端...

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

透過 EAS Build 或在本機端建立自訂 Expo 開發用戶端，以便在實體裝置上測試原生程式碼。僅在使用自訂原生模組、Apple 目標（小工具、App Clips）或 Expo Go 中未包含的第三方原生程式碼時才需要；請先嘗試使用 npx expo start 執行 Expo Go。支援雲端建置並自動提交至 TestFlight，或在本機端建置，輸出 .ipa（iOS）或 .apk / .aab（Android）檔案。需要在 eas.json 中設定包含開發設定檔的組態，該設定檔會設定...

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…

框架（開源）。使用 Expo DOM 元件在原生環境的 WebView 中執行網頁程式碼，並在網頁環境中原樣執行。逐步將網頁程式碼遷移至原生環境。用於端到端…

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...

使用 Expo Modules API（Swift、Kotlin、TypeScript）建立與撰寫 Expo 原生模組與檢視的指南。涵蓋模組定義 DSL、原生…

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

框架（開源）。打造美觀、具原生感的 Expo 畫面。涵蓋 Apple HIG 樣式、語意色彩、原生控制項、SF Symbols、媒體、動畫、視覺效果、漸層、儲存與響應式佈局。路由與導航請使用 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…

框架（開源）。Expo Router 的導航與路由。涵蓋基於檔案的路由、群組與動態路由、資料夾組織、帶有預覽與上下文選單的連結、原生堆疊、頁面標題、模態視窗與表單頁面、原生標籤、標題與工具列，以及標題搜尋列。

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…

在此儲存庫中端到端評估 Expo 技能——觸發準確性、生成程式碼品質，以及透過 Expo 在 iOS 模擬器和 Android 模擬器上的執行時截圖……

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…

適用於 iOS、Android 及 Web 的 Expo 應用程式通用 Tailwind CSS v4 樣式。透過 Metro 轉換器整合 Tailwind CSS v4 與 react-native-css 及 NativeWind v5，無需 Babel 配置。提供可重複使用的 CSS 封裝元件庫（View、Text、ScrollView、Pressable、TextInput、Image、Link），可將 className 樣式套用至原生元素。支援透過 CSS 媒體查詢進行平台特定樣式設定、透過 @theme 區塊自訂主題變數，以及 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…

框架（開源）。使用 @expo/ui 套件建構原生 UI：在 iOS 上使用真正的 SwiftUI，在 Android 上使用 Jetpack Compose，並從 React 在 Expo 或 React Native 應用程式中渲染。涵蓋通用跨平台元件（從 @expo/ui 匯入的 Host、Column、Row、Button、Text、List 等）、熱門 React Native 社群函式庫的替代方案（BottomSheet、DateTimePicker、Slider、Menu 等），以及平台專屬的 SwiftUI（@expo/ui/swift-ui，僅限 iOS）和 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.

框架（開源）。升級 Expo SDK 版本與修復相依性問題的指南。

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…

框架（開源）。將現有的網頁 React 應用程式遷移至原生的 iOS/Android 應用程式，使用 Expo。當使用者想要將網站轉換為行動應用程式、移植…時使用。

針對Expo應用程式的網路請求、API呼叫與資料擷取，包含快取、錯誤處理及離線支援。涵蓋fetch API、React Query、錯誤處理模式、使用expo-secure-store進行令牌管理，以及具備指數退避的重試邏輯。包含採用NetInfo與React Query持久化的離線優先策略，以及使用EXPO_PUBLIC_前綴的環境變數設定，用於客戶端URL。支援Expo Router資料載入器（useLoaderData），實現路由層級的資料載入...

控制並串流運行中的 iOS、iPad 或 Apple Watch 模擬器，使用 npx serve-sim。用於模擬器預覽、點擊、手勢、硬體按鈕、旋轉等。

審核並更新 serve-sim 的 Device Hub 風格模擬器佔位資源，從本機 Xcode/CoreTypes 資源中取得。請在安裝新版 Xcode 或 macOS 後使用…

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

撰寫、審查或改進 SwiftUI 程式碼，遵循狀態管理、視圖組合、效能、macOS 特定 API 以及 iOS 26+ Liquid… 的最佳實踐。

在Expo中設定Tailwind CSS v4，搭配react-native-css與NativeWind v5以實現通用樣式

結構化指引，協助升級 Expo SDK 版本並解決相依性衝突。提供逐步升級流程，包括診斷、清除快取，以及針對原生變更的預建工作流程。涵蓋 SDK 53–55 的重大變更，包含 React 19 遷移、新架構預設值、React Compiler 設定，以及原生模組更新（tabs、audio、video）。內含套件棄用地圖，例如 expo-av、expo-permissions 與 AsyncStorage，並提供替代建議...

在 Expo 應用程式中執行僅限網頁的函式庫，方法是在原生端透過網頁檢視渲染，在網頁端則保持原樣。支援任何 React 網頁函式庫（如 recharts、react-syntax-highlighter、canvas、WebGL），無需修改，只需將其包裝在帶有 'use dom'; 指令的 DOM 元件檔案中。傳遞可序列化的 props 和非同步函式從原生端到網頁檢視，實現原生與網頁上下文之間的雙向通訊。透過 dom prop 提供網頁檢視配置選項：滾動控制、安全區域...

將現有的 React 網頁應用程式遷移至使用 Expo 的原生 iOS/Android 應用程式。當使用者想要將網站轉換為行動應用程式、移植 Next.js/Vite/CRA… 時使用。