iOS 26 的 Liquid Glass 不是换皮，是材质革命——这个 Skill 帮你直接落到代码里

苹果 WWDC 每年都扔一颗设计炸弹，今年这颗叫 Liquid Glass（液态玻璃）。

说实话，这几年 iOS 设计语言迭代挺让人审美疲劳的——从 skeuomorphism（拟物）到 flat（扁平），再到现在这套”玻璃拟态 + 动态变形”，每次都是换皮。但 Liquid Glass 不一样，它不是单纯的视觉风格，而是一套有物理逻辑的材质系统。

简单说：它模拟的是真实玻璃的三个特性——模糊背后的内容、反射周围的光色、接触时的形变响应。不是简单加个 backdrop-filter blur 就完事了。

这个 skill 就是帮你把这些落到 SwiftUI / UIKit / WidgetKit 代码里的。

核心用法：3 行代码的事

Text("Hello, World!")
    .font(.title)
    .padding()
    .glassEffect()

一行 .glassEffect()，默认胶囊形玻璃效果。加参数可以调形状、调颜色、加交互：

.glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0))

• .regular — 标准玻璃
• .tint(.orange) — 加一层颜色高光
• .interactive() — 触摸/指针响应时形变

按钮也很简单：

Button("Click Me") { /* action */ }
    .buttonStyle(.glass)

真正有意思的地方：多元素融合 & 变形过渡

苹果展示 Liquid Glass 时最抓眼球的是那个”多个玻璃卡片靠近会融成一片”的动效。这个 skill 完整还原了：

GlassEffectContainer(spacing: 40.0) {
    HStack(spacing: 40.0) {
        Image(systemName: "scribble.variable")
            .frame(width: 80.0, height: 80.0)
            .glassEffect()
        Image(systemName: "eraser.fill")
            .frame(width: 80.0, height: 80.0)
            .glassEffect()
    }
}

spacing 参数控制”融合距离”——靠得够近的两个玻璃元素会自动合并成一个形状。配合 @Namespace 还能做变形转场：元素出现/消失时平滑地融合、分离。

适合谁

• 正在为 iOS 26+ 构建/适配 App 的开发者
• 想让你的 UI 在视觉上跟苹果原生系统语言对齐的设计师/开发者
• 对”材质设计”这个方向感兴趣，想研究 Apple 最新设计走向的人

安装方式

在 Claude Code、Codex、Cursor 等 Agent 里直接说：

安装这个 skill：https://github.com/affaan-m/ECC –skill liquid-glass-design

或者手动下载 SKILL.md 放到对应工具的 skills 目录。

GitHub 仓库星标 205k+，质量评分 67/100，安全性 90/100——不是玩具项目，是真的有人在用的实装技能。

GitHub: https://github.com/affaan-m/ECC

GitHub: https://github.com/affaan-m/ECC