mcpField
L
liquid-glass-skill

liquid-glass-skill

github.com/podoDesign & UI29170 installsUpdated 1d ago
Repository

About liquid-glass-skill

liquid-glass-skill is a design skill for teams working with Apple’s Liquid Glass system in iOS 26 and macOS 26. It covers SwiftUI APIs, platform differences, migration, and common pitfalls.

Key features

  1. 01SwiftUI glassEffect and button styles
  2. 02GlassEffectContainer grouping
  3. 03Platform-specific behavior across Apple systems
  4. 04Migration from pre-26 designs
  5. 05Performance, layering, and contrast pitfalls

Use cases

  1. 01Applying Liquid Glass to SwiftUI interfaces
  2. 02Migrating apps to iOS 26 design
  3. 03Checking glass layering and contrast issues

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill liquid-glass-skill

After installing, type/liquid-glass-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

liquid-glass-skill

Catalogue stub — full package: 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

/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

Comments

Markdown supported