How do I install the Liquid Glass Skill skill?

Run npx skillmds add podo/liquid-glass-skill in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Liquid Glass Skill safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Liquid Glass Skill?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Liquid Glass Skill free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Liquid Glass Skill?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Liquid Glass Skill by podo — Agent Skill

Name: Liquid Glass Skill
Rating: 4.2 (5 reviews)
Author: podo

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.

podo 2efcbd6 2 files · 2.1 KB Updated Sep 9, 2026

File contents

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

/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

---name: liquid-glass-skilldescription: 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.--- # liquid-glass-skill > Catalogue stub — full package: [haider-nawaz/liquid-glass-skill](https://github.com/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 ## 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

Frequently asked questions