liquid-glass-skill
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.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill liquid-glass-skillIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
This skill acts as a stub that instructs the agent to install a full package from an untrusted external GitHub repository using shell commands.
- Socketwarn
1 alert: gptAnomaly
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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.mdexists.- Yes → invoke
liquid-glass-skilland proceed - No → go to step 2
- Yes → invoke
-
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-gfor global install or omit for project-only
Install command
/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
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/liquid-glass-skill">View liquid-glass-skill on skillZs</a>