Back to Details

liquid-glass-skill

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

liquid-glass-skill

liquid-glass-skill

Catalogue stub — full package: haider-nawaz/liquid-glass-skill
目录存根 — 完整包：haider-nawaz/liquid-glass-skill

Decision tree

决策树

  1. Is the package already installed? Check: 
    ~/.design-agent-skills/skills/liquid-glass-skill/SKILL.md
    exists.
    • Yes → invoke 
      liquid-glass-skill
      and proceed
    • No → go to step 2
  2. Do you have shell access?
    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with 
      !
      — add 
      -g
      for global install or omit for project-only
  1. 是否已安装该包？ 检查：
    ~/.design-agent-skills/skills/liquid-glass-skill/SKILL.md
    是否存在。
    • 是 → 调用 
      liquid-glass-skill
      并继续
    • 否 → 进入步骤2
  2. 是否拥有Shell访问权限？
    • 是 → 运行下方的安装命令，然后调用该技能
    • 否 → 显示安装命令；在Claude Code中，以
      !
      开头的聊天消息发送该命令 — 添加
      -g
      进行全局安装，省略则仅针对项目安装

Install command

安装命令

bash
/plugin marketplace add haider-nawaz/liquid-glass-skill
bash
/plugin marketplace add haider-nawaz/liquid-glass-skill

Invoke after install

安装后调用

  • Skill name: 
    liquid-glass-skill
  • Trigger phrases: "Liquid Glass", "iOS 26 design", "glassEffect", "GlassEffectContainer"
  • 技能名称：
    liquid-glass-skill
  • 触发短语："Liquid Glass"、"iOS 26 design"、"glassEffect"、"GlassEffectContainer"

What it does

功能说明

Provides comprehensive knowledge of Apple's Liquid Glass material system introduced in iOS 26 and macOS 26. Covers the SwiftUI 
.glassEffect()
view modifier, 
.buttonStyle(.glass)
for interactive elements, 
GlassEffectContainer
for grouping glass surfaces, platform-specific behavioral differences between iOS, macOS, tvOS, and visionOS, step-by-step migration paths for apps upgrading from pre-26 designs, and a catalogue of known pitfalls (performance, layering, contrast) with tested solutions.
提供对iOS 26和macOS 26中引入的Apple Liquid Glass材质系统的全面了解。涵盖SwiftUI的
.glassEffect()
视图修饰符、用于交互元素的
.buttonStyle(.glass)
、用于分组玻璃表面的
GlassEffectContainer
、iOS、macOS、tvOS和visionOS之间的平台特定行为差异、从26之前的设计升级应用的分步迁移路径，以及一系列已知陷阱（性能、分层、对比度）及经测试的解决方案。

When NOT to use

不适用场景

  • Apps targeting iOS versions before iOS 26 — Liquid Glass APIs are unavailable
  • Android or cross-platform design — use mobile-app-design instead
  • General SwiftUI patterns beyond Liquid Glass — use swiftui-claude-skills or swiftui-patterns
  • 面向iOS 26之前版本的应用 — Liquid Glass API不可用
  • Android或跨平台设计 — 请使用mobile-app-design替代
  • 超出Liquid Glass范围的通用SwiftUI模式 — 请使用swiftui-claude-skills或swiftui-patterns