swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass API usage for iOS 26+ apps.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/jperezdelreal/GymBro --skill swiftui-liquid-glass-jperezdelreal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/jperezdelreal/GymBro/tree/main/.squad/skills/ios/swiftui-liquid-glass
Command: npx skills add https://github.com/jperezdelreal/GymBro --skill swiftui-liquid-glass-jperezdelreal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SwiftUI developers need to implement and review iOS 26+ Liquid Glass visuals, ensuring native performance and design guidelines without heavy custom blur hacks.

Core Features & Use Cases

  • Review existing SwiftUI screens for Liquid Glass readiness, including availability gating and modifier order.
  • Refactor or implement glass surfaces using GlassEffectContainer and .glassEffect modifiers with proper interactivity.
  • Ensure consistency across related views and provide reliable fallbacks for earlier iOS versions.

Quick Start

Refactor a SwiftUI view to use the Liquid Glass API, applying GlassEffectContainer where appropriate and gating with #available(iOS 26, *) with a non-glass fallback.

Frequently Asked Questions about swiftui-liquid-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI without custom blur hacks?

Use the native iOS 26+ API with GlassEffectContainer and the .glassEffect modifier to implement Liquid Glass in SwiftUI. This replaces heavy custom blur hacks with system-provided visuals, ensuring native performance and design compliance.

How do I add a fallback for Liquid Glass on older iOS versions?

Add a fallback for Liquid Glass on older iOS versions by gating the modifier with #available(iOS 26, *). Provide a non-glass fallback view inside the conditional block to ensure your SwiftUI app remains visually consistent across earlier iOS releases.

What is the correct modifier order for SwiftUI glass surfaces?

Correct SwiftUI glass surfaces require careful placement of the .glassEffect modifier within GlassEffectContainer. Ensuring proper modifier order guarantees interactive glass surfaces render correctly and maintain native performance.

Does the iOS 26 Liquid Glass API support interactive glass components?

Yes, the iOS 26 Liquid Glass API supports interactive glass components using the interactive() gating modifier. Applying interactive() to glass surfaces allows dynamic user input responses while maintaining native SwiftUI performance.

Can I refactor existing SwiftUI views for Liquid Glass readiness?

Yes, refactor existing SwiftUI views for Liquid Glass readiness by reviewing availability gating and modifier order. Wrap related views in GlassEffectContainer and apply .glassEffect to ensure consistency and proper interactivity across components.

When should I use GlassEffectContainer in my SwiftUI views?

Use GlassEffectContainer in SwiftUI views when grouping multiple glass surfaces to ensure consistent rendering. It manages proper .glassEffect modifier application across related components, maintaining native performance and design guidelines.