liquid-glass-design

Installation
SKILL.md

灵动玻璃(Liquid Glass)设计系统 (iOS 26)

实现 Apple 灵动玻璃(Liquid Glass)的设计模式 — 这是一种动态材质,可以模糊背后的内容,反射周围内容的颜色和光影,并对触摸和指针交互做出反应。涵盖了 SwiftUI、UIKit 和 WidgetKit 的集成。

何时激活

  • 为 iOS 26+ 构建或更新采用新设计语言的应用
  • 实现玻璃风格的按钮、卡片、工具栏或容器
  • 在玻璃元素之间创建变形(Morphing)过渡
  • 为小组件(Widgets)应用灵动玻璃效果
  • 将现有的模糊/材质效果迁移到新的灵动玻璃 API

核心模式 — SwiftUI

基础玻璃效果

为任何视图添加灵动玻璃效果的最简单方法:

Installs
40
GitHub Stars
1.9K
First Seen
Mar 13, 2026
liquid-glass-design — xu-xiang/everything-claude-code-zh