Navigation

swiftui-patterns 是一份適用於 Apple 平台前端開發的實用指南。它涵蓋 SwiftUI 狀態管理、NavigationStack 流程、view 組合與效能建議，協助你在真實的 app 程式碼中選對模式。當你要重構或建立需要清楚權責分工、並盡量減少重繪的畫面時，適合使用 swiftui-patterns 技能。

dart-flutter-patterns 是一套實用的 Dart 與 Flutter 前端開發技能，涵蓋 null safety、immutable state、async composition、widget 結構、state management、GoRouter 導航、Dio 網路、測試與 clean architecture。可使用 dart-flutter-patterns 指南，為新功能與重構挑選適合上線的模式。

compose-multiplatform-patterns 是一份實用指南，適用於 KMP 應用中的 Compose Multiplatform 與 Jetpack Compose。內容涵蓋狀態管理、導覽、主題設計、效能，以及可重用的 UI 模式，支援 Android、iOS、Desktop 與 Web，幫助前端團隊打造可維護的共享畫面。

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

site-architecture 可協助規劃或重整網站的頁面階層、導覽、URL 模式與內部連結。可用於產出 sitemap、導覽規格、URL 對照表，以及 Mermaid 或 ASCII 網站架構圖，適合行銷與 UI/UX 規劃使用。

vue-router-best-practices 是一份聚焦 Vue Router 4 的實用指南，協助前端應用修正 navigation guards、route param 更新、元件狀態殘留、redirect loop，以及已棄用的 next() 用法等問題。

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

ios-design-guidelines 可協助你依照 Apple Human Interface Guidelines 檢視、調整並改寫 SwiftUI/UIKit 介面，適用於 iPhone。當你需要針對 UI 設計獲得實用的 ios-design-guidelines 指引回饋時，它特別適合用來處理版面配置、導覽、無障礙、Dynamic Type、Dark Mode，以及系統元件的選用。

android-design-guidelines 是一份實用指南，涵蓋 Material Design 3、Jetpack Compose 與 XML 版面配置。可用來檢視 Android UI 決策，包括主題、導覽、無障礙、響應式版面、動態色彩，以及 Material You 相容性。很適合用於 android-design-guidelines guide 與 android-design-guidelines for UI Design 相關任務。

hig-components-search 是一個 Apple HIG 技能，聚焦 UI 設計中與搜尋欄位、頁面控制項與路徑控制項相關的決策。當你需要釐清 macOS 或 iPadOS 介面中的搜尋行為、搜尋範圍、分頁與階層導覽時，這個技能能提供明確指引。它特別適合處理搜尋 UX、搜尋建議與結構化導覽。

hig-components-menus 是一個針對選單與按鈕驅動命令介面的 Apple HIG 指引技能。當你需要 Apple 專屬的命令放置、分組與行為建議時，請使用 hig-components-menus 技能來做 UI 設計決策，涵蓋選單、內容選單、工具列、選單列及相關控制項。

hig-components-layout 是一個 Apple HIG 導向的導覽與版面技能，用來選擇側邊欄、分割檢視、分頁列、清單、表格、樹狀檢視、欄位、面板、視窗、捲動檢視、方框與裝飾元素。當你需要的是清楚、符合平台慣例的指引，而不是泛用的響應式版面建議時，適合用在 UI 設計與 app 結構決策。