液态玻璃界面效果
liquid-glass · 设计与视觉 · 社区
面向 iOS 与 macOS 开发,按 glassEffect 接口实现液态玻璃效果。
这个技能能做什么
- 按 glassEffect 接口写出玻璃材质组件
- 处理层次、模糊与光影的叠加关系
- 适配亮色与暗色模式下的视觉表现
- 给出可复用的界面示例代码
什么时候用
- 应用要跟上新版系统视觉,加上液态玻璃效果
- 玻璃控件在暗色模式下发灰,需要调层次
什么时候别用
目标系统版本过低不支持该接口时,只能改用普通材质。
适用场景与行业
配合这些工具用
- Cursor
- Claude Code
- Figma
怎么安装
从公开技能市场获取:https://lobehub.com/skills/rshankras-claude-code-apple-skills-liquid-glass;下载后放入 ~/.claude/skills/ 或项目内的 .claude/skills/ 目录
来源:https://lobehub.com/skills/rshankras-claude-code-apple-skills-liquid-glass
原始英文描述(未经改写)
按 iOS/macOS 26+ 的 .glassEffect() API 实现液态玻璃设计效果。