mobile-android-design

此技能為使用 Jetpack Compose 和 Material Design 3 (Material You) 構建現代化、高效能 Android 使用者介面提供了完整框架。它專為需要實作一致性設計系統、響應式佈局以及符合 Google 官方設計準則的複雜導航流程的 Android 開發人員而設計。該技能強調宣告式 UI 開發的轉型，並利用基於 Kotlin 的組合能力來建立模組化、可維護且高度個性化的使用者體驗。

• 提供關於 Material 3 元件的專家指導，包含 Cards、Buttons、Navigation Rails、Bottom Navigation 和 Modal Drawers。

• 與 Jetpack Compose 佈局系統（Column、Row、Box、LazyColumn 和 LazyVerticalGrid）的深度整合。

• 針對手機、平板電腦和折疊式裝置螢幕配置的響應式設計模式實作。

• 關於無障礙標準、色調調色盤和適應使用者桌布偏好的動態色彩系統 (Material You) 的指引。

• 對 Navigation Compose 的架構支援，包含巢狀導航、深度連結和狀態感知的導航模式。

• UI 效能優化的最佳實踐，包含狀態管理、避免不必要的重組以及處理帶有黏性標頭 (sticky headers) 的複雜清單。

• 在 Android 生態系統中處理使用者互動、觸控目標和複雜手勢支援的技術。

• 輸入：使用者對於 UI/UX 螢幕的需求、佈局規格或設計草圖 (Figma/Adobe XD 參考)。

• 輸出：實作 Composable 函式、UI 狀態定義和導航圖的簡潔、慣用 Kotlin 程式碼。

• 在應用此技能時，請務必指定螢幕目標密度和配置，以利使用 Android 的 dp 單位進行適當的響應式尺寸調整。

• 請始終優先使用 MaterialTheme.colorScheme 中的語意顏色代碼，以確保應用程式尊重系統全域主題設定和動態色彩功能。

• 當您將舊有的 XML 佈局重構為現代化的 Compose，或是在啟動新的原生 Android 功能模組時，請使用此技能。