iOS 26 液态玻璃太美了？我给 Claude 装了个能直接出 Apple 范式的 Skill

Apple 一年一度的视觉新语言又来了——iOS 26 的 Liquid Glass。如果你是设计师 / 独立开发者 / 移动端前端，最近肯定被各种「液态玻璃」「毛玻璃动态融合」刷屏。但我猜你和我一样，让 Claude / Cursor / Codex 帮你落地的时候，它写出来的玻璃效果一坨一坨的，根本不像 Apple 演示里那种「融合 + 反射 + 交互」的灵魂质感。

今天挖到一枚神仙 Skill——liquid-glass-design，来自 24 万星大仓 affaan-m/ECC，把 Apple 官方 iOS 26 Liquid Glass 的所有范式吃透，给 Claude Code / Codex / Cursor 全平台都做了适配。一句话：给设计师一份「Liquid Glass 调香指南」，让 AI 助手能按 Apple 标准出片。

它能帮你解决什么

没装之前，让 Claude 写 iOS 26 玻璃效果经常翻车：要么忘加 .glassEffect()，要么把多个玻璃 view 写得性能稀烂，要么 morph 动画用错 API。装上这个 Skill 之后，AI 拿到的不是「网上随便抄的玻璃教程」，而是 ECC 团队把 Apple 官方模式总结出来的一整套范式：

• 基础玻璃胶囊：.glassEffect() + 自定义 shape、tint、interactive()
• Glass Button 样式：.buttonStyle(.glass) 和 .buttonStyle(.glassProminent) 怎么选
• 玻璃融合：GlassEffectContainer(spacing:) + glassEffectUnion——这才是 Liquid Glass 灵魂
• SwiftUI / UIKit / WidgetKit 三端统一，不会写着写着串台
• 触觉 / 指针交互、模糊反射、形变过渡这些细节也覆盖了

为什么推荐给做设计 / 多媒体的人

苏棠自己玩下来几个真实体感：

• 看完直接能动——SKILL.md 里给的代码块全是 Apple 风格命名（GlassEffectContainer、glassEffectUnion），丢进 Xcode 26 就能跑，不用再「猜 AI 又瞎编了什么 API」。
• 反 AI Slop 体质——它强调 GlassEffectContainer 必包，spacing 控制融合距离——这是 Apple 工程师设计动态融合的硬规则，很多教程都漏了这步，导致性能稀烂、视觉僵硬。
• 设计 vs 实现之间的桥：做 iOS 视觉的设计师，光看 Figma Spec 出不了「摸起来像玻璃」的细节；写代码的工程师又不一定理解反射 / 模糊比例。这个 Skill 用 代码 + 视觉参数 + 设计意图 三件套把两边粘合。
• 跟其它 Apple 平台资产可组合：同一个 Skill 还能驱动 Vision Pro 空间 UI、Apple Watch 工具栏的玻璃按钮——液态玻璃是 Apple 全家桶的设计语言，一鱼多吃。

适用人群

• 独立开发者 / 小团队：想把 App 视觉升级到 iOS 26 风格，又不想读完一遍 Apple WWDC25 session
• UI / 视觉设计师：需要把设计稿翻译成「能跑 + 跑得流畅」的代码
• 多端前端：做 Apple 全家桶 App 想统一风格
• AI 工具作者：自己做 Agent 时希望 AI 助手会这套范式

怎么装

支持 Claude Code / Codex / Cursor / OpenCode 等所有主流 Agent 平台，仓库根目录有 ECC 团队的元 Skill，按 README 装即可。装完后，AI 写 SwiftUI / UIKit / WidgetKit 的玻璃效果时，会自动按 Apple 标准范式来——而不是网上随便抄的 .blur(radius: 20) 那种「假玻璃」。

如果你最近在做 iOS 26 视觉升级 / 设计系统迁移 / 多端融合，强烈建议把这个 Skill 装上，跟 SwiftUI 设计、design system、accessibility 这几个 Skill 一起组合，效率直接拉满。

GitHub 仓库：affaan-m/ECC/skills/liquid-glass-design（仓库总星 237k+，持续维护中）

GitHub: https://github.com/affaan-m/ECC/tree/main/skills/liquid-glass-design