技能 swiftui-ui-patterns
📦
swiftui-ui-patterns
內容修訂 r1 安全 🌐 網路存取⚙️ 外部命令
建構一致的 SwiftUI 介面
SwiftUI 團隊需要可重複套用的導覽、sheets、表單、列表與 app wiring 模式。此技能提供聚焦的指引與範例，用於建構可維護的 Apple 平台介面。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "swiftui-ui-patterns" from https://skillstore.io/skills/dimillian-swiftui-ui-patterns.md and its manifest at https://skillstore.io/api/skills/dimillian-swiftui-ui-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「swiftui-ui-patterns」。 開發者詢問如何建構具有獨立導覽歷史的分頁式 SwiftUI app。
預期結果:
- 建議每個 tab 使用一個 NavigationStack，並為每個 path 搭配小型 router 物件。
- 只有在能避免重複 route switches 時，才使用共用的 destination mapping。
- 保持 route data 輕量，並避免在 navigation paths 中儲存 view instances。
正在使用「swiftui-ui-patterns」。 團隊想改善一個用來儲存遠端伺服器 URL 的 modal form。
預期結果:
- 當 view 單獨呈現時，在 NavigationStack 中使用 Form。
- 將 validation state 保持在本地，並在輸入有效前停用 save action。
- 使用符合預期輸入類型的 focused fields 與 keyboard settings。
正在使用「swiftui-ui-patterns」。 維護者詢問為什麼 media grid 在捲動時感覺很慢。
預期結果:
- 大型集合優先使用 LazyVGrid，並保持 spacing 可預測。
- 在 rows 中使用 resized thumbnails，並避免在重複 cells 中載入 full-size images。
- 可行時，將昂貴的 overlays 移出每個 cell。
安全審計
安全v8 • 2026/7/6 開啟版本化報告
The static findings are false positives caused by Markdown formatting, SwiftUI API names, UI best-practice wording, keyboard shortcuts, and a placeholder example URL. I found no evidence of prompt injection, malicious intent, data exfiltration, credential access, or unsafe command execution.
27
已掃描檔案
2,257
分析行數
0
複核項目
0
已忽略的誤報
風險因素
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/dimillian-swiftui-ui-patterns/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/dimillian-swiftui-ui-patterns?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/dimillian-swiftui-ui-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dimillian-swiftui-ui-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/dimillian-swiftui-ui-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
Dimillian. (2026). swiftui-ui-patterns security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dimillian-swiftui-ui-patterns/audits/8BibTeX 引用
@techreport{dimillian-dimillian-swiftui-ui-patterns-2026,
author = {Dimillian},
title = {swiftui-ui-patterns security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/dimillian-swiftui-ui-patterns/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "swiftui-ui-patterns security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Dimillian"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dimillian-swiftui-ui-patterns/audits/8"
identifiers:
- type: other
value: "skillstore:dimillian-swiftui-ui-patterns:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 45
架構
85
可維護性
87
內容
75
社群
83
規範符合度
你可以打造什麼
規劃新的 SwiftUI App Shell
使用 app wiring、TabView、NavigationStack 與 sheet 模式來定義第一版應用程式結構。
重構既有畫面
在保留本地慣例的同時，套用針對 forms、lists、grids、overlays 與 loading states 的聚焦指引。
標準化團隊 UI 實務
使用元件參考來記錄 navigation、theming、menus 與 accessibility 的共享決策。
試試這些提示
選擇模式
我正在建構一個包含 list、detail view 和 sheet 的 SwiftUI 畫面。我應該使用哪些參考，為什麼？
草擬畫面結構
設計一個包含 grouped forms、validation 和 dismiss action 的 SwiftUI settings screen 結構。
重構導覽
檢視這個 SwiftUI navigation approach，並將其與 independent tab histories 和 route enums 對齊。
稽核 UI 架構
稽核我的 SwiftUI app shell，檢查 state ownership、dependency injection、sheets、deep links 和 loading behavior。
最佳實務
- 從符合主要互動模型的元件參考開始。
- 除非 shared services 或 routing 需要 environment injection，否則將 SwiftUI state 保持在本地。
- 加入新抽象之前，先根據既有專案風格驗證範例。
避免
- 當本地 SwiftUI state 已足夠時，不要加入 view models。
- 不要為同一個 presentation concern 混用多種 sheet patterns。
- 不要在未調整 names、routes 與 dependencies 的情況下直接複製通用範例。
常見問題
這個技能會產生完整的 SwiftUI apps 嗎？
不會。它提供可協助組織 app views 與 components 的模式和範例。
我可以在既有 codebase 中使用它嗎？
可以。先將目前的畫面類型對應到最接近的參考，然後遵循本地慣例。
它支援 macOS 介面嗎？
支援。它包含 menu bars、settings、split views 與 Apple 平台 UI 模式的指引。
它包含 networking 指引嗎？
它包含輕量的 client structure，但不實作正式環境用的 network security 或 authentication。
這對 Claude、Codex 和 Claude Code 有用嗎？
是。這些參考是為能讀取檔案並套用 SwiftUI 模式的 coding agents 撰寫的。
我應該完全照著每個範例做嗎？
不需要。請將範例視為起點，並依你的專案型別與 design system 調整。