关于 liquid-glass-skill
liquid-glass-skill 面向使用 Apple Liquid Glass 的设计与开发工作，涵盖 iOS 26 和 macOS 26。内容涉及 SwiftUI API、平台差异、迁移步骤及常见问题。
主要功能
- 01SwiftUI glassEffect 与按钮样式
- 02使用 GlassEffectContainer 分组
- 03Apple 平台间的行为差异
- 04从 26 之前的设计迁移
- 05性能、层叠与对比度问题
适用场景
- 01为 SwiftUI 界面应用 Liquid Glass
- 02将应用迁移至 iOS 26 设计
- 03排查玻璃效果的层叠与对比度
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/liquid-glass-skill确认已加载。
附带文件stub.yaml
详细介绍
liquid-glass-skill
目录条目 — 完整包：haider-nawaz/liquid-glass-skill
决策树
-
是否已安装此包？ 检查：
~/.design-agent-skills/skills/liquid-glass-skill/SKILL.md是否存在。- 是 → 调用
liquid-glass-skill并继续 - 否 → 转到第 2 步
- 是 → 调用
-
是否可以访问 shell？
- 是 → 运行下方的安装命令，然后调用此技能
- 否 → 显示安装命令；在 Claude Code 中，将其作为以
!开头的聊天消息发送 — 添加-g以全局安装，或省略该参数以仅安装到项目中
安装命令
/plugin marketplace add haider-nawaz/liquid-glass-skill
安装后调用
- 技能名称：
liquid-glass-skill - 触发短语："Liquid Glass"、"iOS 26 design"、"glassEffect"、"GlassEffectContainer"
功能
提供关于 Apple 在 iOS 26 和 macOS 26 中引入的 Liquid Glass 材质系统的全面知识。涵盖 SwiftUI 的 .glassEffect() 视图修饰符、用于交互元素的 .buttonStyle(.glass)、用于组合玻璃表面的 GlassEffectContainer、iOS、macOS、tvOS 和 visionOS 之间的平台特定行为差异、将应用从 26 之前的设计升级的分步迁移路径，以及已知问题（性能、图层、对比度）及其经过测试的解决方案目录。
不适用场景
- 面向 iOS 26 之前版本的应用 — Liquid Glass API 不可用
- Android 或跨平台设计 — 请改用 mobile-app-design
- Liquid Glass 之外的通用 SwiftUI 模式 — 请改用 swiftui-claude-skills 或 swiftui-patterns
评论
支持 Markdown