Apply Apple's Liquid Glass design system to iOS 26+ SwiftUI navigation chrome.
npx skills add https://github.com/ravnhq/ai-toolkit --skill liquid-glass-ios
Please help me install this Agent Skill. Skill: liquid-glass-ios Source: https://github.com/ravnhq/ai-toolkit/tree/main/skills/liquid-glass-ios Command: npx skills add https://github.com/ravnhq/ai-toolkit --skill liquid-glass-ios
This skill provides guidance and patterns for implementing Apple's Liquid Glass design system in iOS apps, enabling glassy navigation chrome with accessible visuals, smooth morphing, and consistent styling.
Identify the navigation chrome you want to glass over, wrap related controls in GlassEffectContainer if needed, apply glassEffect(.regular) to the chrome, assign glassEffectID for morphing, and declare a @Namespace in the parent view.
High-intent search queries and answers about installing and using this skill.
To apply the Liquid Glass effect in SwiftUI, use the glassEffect(.regular) modifier on your navigation chrome. You must also perform an iOS 26+ availability check to ensure the GlassEffect APIs are available before applying the translucent styling.
The glassEffectID modifier paired with a declared @Namespace in the parent view enables seamless morphing transitions. Assigning matching IDs across view states allows the glass effect to animate smoothly during navigation or toolbar state changes.
GlassEffectContainer is a SwiftUI container that groups related glass controls into a unified glass layer. Wrapping controls in this container manages spacing and ensures consistent translucent rendering across grouped navigation elements.
Liquid Glass implementation patterns target both SwiftUI and UIKit apps. While the primary APIs like glassEffect and GlassEffectContainer are SwiftUI-specific, the skill provides guidance for applying the Liquid Glass design system across both UIKit and SwiftUI implementations.
Liquid Glass effects require accessibility checks to maintain visual readability and performance monitoring to sustain frame rates. The skill provides best practices to ensure translucent navigation chrome remains accessible and performs smoothly during morphing transitions.
Yes, the SwiftUI glassEffect, GlassEffectContainer, and glassEffectID APIs require iOS 26+. The skill specifies using availability checks to conditionally apply these Liquid Glass effects only when running on supported iOS versions.
DishaAnandImplement and review SwiftUI Liquid Glass UI with iOS 26 APIs.
DimillianImplement and review Liquid Glass usage in SwiftUI iOS 26+ apps.
andrew-dImplement and review SwiftUI Liquid Glass effects for iOS 26 applications.
sehoon787Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.
