如何規劃符合 HIG 的 iOS 畫面草圖
何時使用： 你需要為新畫面快速產出初版版面配置，又不想從頭重新研讀 HIG。
步驟
-
描述畫面內容Sketch a Settings > Notifications screen for iPhone — standard iOS 18 patterns.✓ 已複製→ Grouped List、right-detail 列、正確的 section 標題 — 並附上 HIG 引用
-
產生 SwiftUI 程式碼Generate the SwiftUI code using Form/List and system colors.✓ 已複製→ 慣用的 SwiftUI，包含 .listStyle(.insetGrouped)、Toggle、NavigationLink
-
確認深色模式Adapt for dark mode — confirm you're using .primary / .secondary, not hardcoded hex.✓ 已複製→ 確認使用語意色彩
結果： 第一次預覽就有原生質感的畫面，且不會在審查時被拒絕。
注意事項
- 自訂樣式與系統風格相互衝突 — 在任何自訂樣式之前，先問 Claude「HIG 標準做法是什麼？」
搭配使用： ios-simulator-skill