React Native

accessibility skill 可協助你依據 WCAG 2.2 Level AA，為 Web、iOS 與 Android 設計、實作並稽核無障礙 UI。可用來梳理元件角色、標籤、狀態、焦點行為與 accessibility traits，並支援 UX Audit 與實作審查中的實務應用。

react-native-design 是一項專注於 React Native UI 模式的技能，涵蓋 StyleSheet 樣式設計、型別化 React Navigation，以及 Reanimated 3 在跨平台畫面中的使用方式。

react-native-architecture 可協助規劃正式上線的 React Native 與 Expo 應用，涵蓋路由、狀態邊界、native modules、offline-first 流程，以及 Expo 與 bare 方案之間的取捨。

vercel-react-native-skills 是一套面向 React Native 與 Expo 的技能，適合重視效能的前端開發。可用來改善清單渲染、動畫、導覽、UI 模式、狀態管理與原生模組設定。內容包含實用規則、安裝指引與使用模式，幫助你在處理行動 App 瓶頸時少一點猜測、多一點依據。

Expo UI SwiftUI 技能指南，說明如何在 Expo app 安裝 `@expo/ui`、用 `npx expo run:ios` 重新建置，並在 Expo SDK 55 中正確使用 `Host`、`RNHostView` 與相關文件。

upgrading-expo skill 可協助你升級 Expo SDK 版本，執行正確的安裝與 doctor 指令、清除快取，並處理 React 19、New Architecture、Native Tabs 與 expo-av 遷移等破壞性變更。

use-dom 技能示範如何使用 Expo DOM components，讓 React 網頁程式碼在原生環境中於 webview 執行，並在 Web 端照常運作，協助你重用依賴瀏覽器的元件，並逐步將既有 web 程式碼遷移到 Expo。

building-native-ui 是一套用於 Expo Router UI 的技能，協助打造更具原生體驗的 React Native app。可先了解安裝情境、路由結構、tabs、headers、動畫、媒體支援與平台限制，再判斷是否適合導入。

expo-api-routes 協助你為 EAS Hosting 建立 Expo Router API routes，清楚說明何時適合使用伺服器端端點、`app/**/+api.ts` 檔案應放在哪裡，以及如何規劃安全的 route handlers。

expo-cicd-workflows 可協助建立、編輯並驗證 Expo EAS workflow YAML。安裝此技能後，可先抓取最新 schema 與文件，再依據驗證器支援的指引產生或修正 `.eas/workflows` 檔案，適用於 builds、submissions、updates 與部署流程。

expo-deployment 可協助透過 EAS 發布 Expo app，涵蓋 iOS App Store、Google Play、網頁託管、TestFlight、metadata 與 CI/CD 流程。

expo-dev-client 可協助你判斷 Expo app 是否需要 development client，並設定 EAS，接著在本機建置或透過 TestFlight 進行原生測試。

expo-tailwind-setup 是一份實用指南，說明如何在 Expo 中搭配 react-native-css 與 NativeWind v5，為 iOS、Android 與 web 安裝並設定 Tailwind CSS v4。

Expo UI Jetpack Compose 可協助你在 Expo 應用中安裝並使用 `@expo/ui/jetpack-compose` 建立 Android UI，涵蓋 SDK 55 指引、正確 import、原生重建步驟，以及 `.d.ts` API 驗證方式。

react-native-best-practices 是一份實用的 React Native 效能優化指南，涵蓋啟動緩慢、掉幀、重繪過重、記憶體洩漏、bundle 膨脹與動畫卡頓等問題。當你需要針對 Hermes、bridge overhead、FlashList、原生模組，或排查 release regression 時，它能提供有依據的修正方向。

ui-mobile 是一份實用的行動 UI 設計指南，適用於 React Native 與相關的 iOS/Android 程式碼庫。它聚焦於可及性觸控目標、對比度與互動規則，幫助你更有把握地建立更安全的畫面、檢視元件，並提升行動裝置上的可用性。

React Native 行動版樣式與前端開發的跨平台程式碼。這個 react-native 技能可幫助你以可維護的方式規劃畫面、元件與 hooks，並兼顧 iOS 與 Android 的差異。

upgrading-react-native 可協助規劃並執行 React Native 版本升級，包含使用 rn-diff-purge 或 Upgrade Helper diff、依賴套件對齊、iOS 與 Android 設定更新，以及建置驗證。它特別適合正在升級實際應用程式的前端開發團隊，包括 monorepo 與以 Expo 為基礎的專案。