AI 终于能写 iOS 26 液态玻璃了——liquid-glass-design Skill

iOS 26 的新材质，AI 已经学会了

Apple 在 iOS 26 里推出了一个新设计语言叫 Liquid Glass（液态玻璃）——模糊背景、反射环境光、交互时形变，一句话就是：比肩实体玻璃的质感，存在于像素里。

但问题是：设计师看演示很爽，开发者真正动手写代码的时候，面对的是一堆新的 API、新的 Modifier、新的参数逻辑。而且 AI coding agent 在生成 SwiftUI 代码的时候，对这套新材质几乎是盲区——你让它写个”磨砂玻璃按钮”，它大概率给你吐一个 `.background(.ultraThinMaterial)` 就完事了，跟 iOS 18 没区别。

liquid-glass-design 就是来解决这个落差的。这是一个专门给 AI coding agent 用的 Skill，安装之后，你的 Claude Code / Cursor / Codex 就能真正理解并生成 iOS 26 原生的 Liquid Glass 效果代码了。

它到底能让 AI 做什么

装上这个 Skill 之后，AI 不再只会堆一个模糊层，而是能生成完整、成体系的 Liquid Glass UI。

玻璃效果按钮——普通玻璃按钮和”突出”版本玻璃按钮，`.buttonStyle(.glass)` 和 `.buttonStyle(.glassProminent)`，AI 现在知道这两者的使用场景差异了。

可交互形变——`.glassEffect(.regular.tint(.orange).interactive())` 这样的链式调用，AI 现在能理解每个参数的含义，而不是随机拼接。

多元素玻璃容器——`GlassEffectContainer` 可以把多个元素包进同一个玻璃形变里，间距控制何时融合，AI 知道什么时候该用。

过渡动画——元素出现和消失时的 morphing 效果，配合 `@Namespace` 和 `glassEffectID` 使用，AI 现在知道完整的实现路径。

Widget 适配——不只是 App 里的 UI，连锁屏小组件和桌面小组件的 Liquid Glass 效果也能生成对应代码。

如何安装

一行命令：

npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design

Skill 来自 affaan-m/everything-claude-code 这个仓库，GitHub Star 21.5 万，是目前最大的 Claude Code Skill 合集之一。这个 Liquid Glass 子 Skill 属于它的一个模块，专门解决 iOS 26 新设计语言的落地问题。

谁适合用

• iOS 开发者正在做 iOS 26 App 更新，需要在代码里实现新材质
• AI coding agent 重度用户，想让 AI 直接生成能用的 Liquid Glass 代码而不是泛泛的模糊背景
• 设计向的开发者，想快速在 Sidebar、Card、Toolbar 等场景里尝试玻璃质感

说实话，iOS 26 正式版还没大面积推送，但新设计语言的信息已经出来了。这个时间点装上这个 Skill，等新系统一普及，你的 AI coding agent 已经”预习”过一遍 Liquid Glass 了。

GitHub：https://github.com/affaan-m/everything-claude-code

GitHub: https://github.com/affaan-m/everything-claude-code