AI 工具超市

液态玻璃界面效果

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 实现液态玻璃设计效果。

同分类的其他技能