react-native

此技能為 React Native 應用程式提供了一套全面的架構與編碼標準。專為使用 Expo、React Navigation 及 NativeWind 等現代樣式庫的行動開發工程師設計。這些指令強制執行一致的專案組織，確保頁面、功能模組、服務層與狀態管理之間的清晰分離。透過使用此技能，代理程式能夠生成高品質、易於維護且遵循產業標準的行動端代碼，無論是託管流程還是原生流程皆適用。

• 標準化專案結構，包含 Expo Router 頁面目錄、元件、鉤子、服務、狀態儲存與型別定義。

• 推廣嚴格的功能性元件開發，並提供完整的 TypeScript 屬性與狀態型別支援。

• 透過原生模組、平台專屬副檔名與 Platform.select 工具處理跨平台開發需求。

• 整合 React Navigation 與 Expo Router 佈局的導航模式。

• 透過 NativeWind (React Native 的 Tailwind CSS) 簡化現代樣式開發流程，管理響應式佈局與深色模式。

• 使用 Zustand 結合持久化中間件，實現穩健的狀態管理。

• 當啟動新的行動應用專案、重構導航流程或管理原生整合模組時，請載入此技能。

• 適用於複雜場景，例如安全區域處理 (Safe Area)、使用 KeyboardAvoidingView 處理鍵盤行為，以及利用 TanStack React Query 進行效能優化的資料請求。

• 代理程式應優先考量型別安全、模組化元件設計以及自定義鉤子中的邏輯複用。

• 確保輸入的資料結構符合定義的 TypeScript 介面，以維持應用程式內部的資料流整潔。

• 限制輸出內容必須遵循提供的架構模式，並在適用時優先使用 NativeWind 類別，而非內聯樣式。