liquid-glass-skill

Original：🇺🇸 English

Translated

Deep knowledge of Apple's Liquid Glass design system (iOS 26+/macOS 26+): .glassEffect() modifier, .buttonStyle(.glass), GlassEffectContainer, platform-specific implementations, migration from existing apps, and common pitfalls with tested solutions.

1installs

Sourcepodo/design-agent-skills

Added on2026-08-16

NPX Install

npx skill4agent add podo/design-agent-skills liquid-glass-skill

SKILL.md Content

View Translation Comparison →

liquid-glass-skill

Catalogue stub — full package: haider-nawaz/liquid-glass-skill

Decision tree

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
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

Install command

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"

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.

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

liquid-glass-skill

NPX Install

Tags

SKILL.md Content

liquid-glass-skill

Decision tree

Install command

Invoke after install

What it does

When NOT to use