building-native-ui

作者： expo

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

npx skills add https://github.com/expo/skills --skill building-native-ui

下載 ZIP GitHub

來自 expo 的更多技能

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

apidevelopmentofficial

expo-data-fetching

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

android-e2e-testing

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

expo-dev-client

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

android-jetpack-compose

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

swiftui-expert-skill

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

android-e2e-testing

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

為Expo SDK API編寫符合官方慣例的TSDocs註解。在expo-*套件中引入新的使用者導向TypeScript API時必須使用——文件…