liquid-glass
建構 SwiftUI Liquid Glass 介面
SwiftUI 團隊需要在新舊介面中維持一致的 Liquid Glass 行為。此技能為 iOS 26+ UI 工作提供審查清單、實作模式與備援指引。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "liquid-glass" from https://skillstore.io/skills/patrickserrano-liquid-glass.md and its manifest at https://skillstore.io/api/skills/patrickserrano-liquid-glass/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「liquid-glass」。 審查一個將 Liquid Glass 套用到多個按鈕的 SwiftUI toolbar。
預期結果:
審查會標記缺少群組化、形狀不一致，以及缺少可用備援 UI。它會建議使用容器，並僅在按鈕上使用互動式玻璃效果。
正在使用「liquid-glass」。 規劃 card、filter chips 與主要動作的 Liquid Glass 處理方式。
預期結果:
此規劃會將玻璃效果指定給關鍵表面、保持 chips 群組化、使用醒目的按鈕樣式，並保留舊版 iOS materials。
正在使用「liquid-glass」。 檢查一個會在精簡與展開狀態間變形的 control panel。
預期結果:
稽核會檢查 namespace 使用方式、穩定的玻璃識別碼、動畫邊界、間距與備援版面配置行為。
安全審計
安全All 40 static findings are false positives from Markdown inline code, Swift code fences, and ordinary prose headings. I found no prompt injection, malicious intent, external command execution, network access, filesystem access, environment access, or data exfiltration in SKILL.md.
風險因素
⚙️ 外部命令 (31)
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/patrickserrano-liquid-glass?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/patrickserrano-liquid-glass/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/patrickserrano-liquid-glass.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 引用
patrickserrano. (2026). liquid-glass security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4BibTeX 引用
@techreport{patrickserrano-patrickserrano-liquid-glass-2026,
author = {patrickserrano},
title = {liquid-glass security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4},
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: "liquid-glass security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "patrickserrano"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/patrickserrano-liquid-glass/audits/4"
identifiers:
- type: other
value: "skillstore:patrickserrano-liquid-glass:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高你可以打造什麼
審查現有 UI
在現有 SwiftUI 功能中找出 Liquid Glass 問題，包括 modifier 順序、容器、互動性與備援。
規劃新的玻璃元件
在將 Liquid Glass 加入新介面前，選擇表面、按鈕、籤片、形狀與轉場。
重構視覺效果
以原生 Liquid Glass 指引取代自訂模糊模式，同時保留舊版 iOS 的備援行為。
試試這些提示
審查這個 SwiftUI view 的 Liquid Glass 使用方式。檢查可用性條件、modifier 順序、容器、互動性、形狀與備援 UI。
協助我將 Liquid Glass 加入這個 SwiftUI component。建議玻璃形狀、顯著程度、modifier 放置位置與非玻璃備援。
將這些群組化 SwiftUI controls 重構為使用 GlassEffectContainer。保持一致間距，且僅對控制項使用互動式玻璃效果。
稽核這個動畫 SwiftUI interface 的 Liquid Glass 轉場。檢查 glassEffectID 使用方式、namespace 放置位置、階層變更與備援行為。
最佳實務
- 在使用自訂模糊或 material workaround 前，優先使用原生 Liquid Glass API。
- 在 layout 與 appearance modifiers 之後套用玻璃 modifiers。
- 為低於 iOS 26 的裝置或目標提供備援 UI。
避免
- 將互動式玻璃效果套用到靜態標籤或裝飾性表面。
- 在同一個控制項群組中混用不相關的玻璃形狀與間距。
- 在未檢查可用性與備援行為的情況下加入 Liquid Glass。
常見問題
這個技能能協助建構什麼？
它可以撰寫完整的 SwiftUI 元件嗎？
它涵蓋備援 UI 嗎？
它能取代設計審查嗎？
哪些工具可以使用它？
這個技能安裝安全嗎？
開發者詳細資訊
授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
e397ce5a135369cd6def89cb6400d013e2f68f2f
維護新鮮度
2026/7/18
使用量
16 次下載 · 167 次瀏覽
檔案結構
📄 SKILL.md