swiftui-liquid-glass

The SwiftUI Liquid Glass skill is a specialized engineering tool designed to assist developers in implementing the iOS 26+ Liquid Glass design system. This skill streamlines the integration of Apple's latest glass-morphism aesthetic, focusing on visual fidelity, performance, and ergonomic interaction patterns. It is intended for iOS developers tasked with modernizing existing SwiftUI interfaces, prototyping new glass-based UI components, or performing code reviews to ensure compliance with Apple's design guidance and API usage constraints.

• Full implementation support for native Liquid Glass components including glassEffect, GlassEffectContainer, and glass button styles.

• Automated review checklists to verify modifier order, shape consistency, and correct placement within view hierarchies.

• Intelligent handling of iOS 26+ availability, providing guidance on creating robust fallback UI for legacy iOS versions.

• Support for advanced glass-morphism interactions, such as applying interactive glass modifiers and morphing transitions using glassEffectID and @Namespace.

• Refactoring guidance to optimize UI composition by identifying elements for glass treatment versus those requiring standard materials.

• Use this skill when initiating a design transition to Liquid Glass or when debugging rendering issues in glass-heavy view trees.

• Always prioritize native APIs over custom blur filters to ensure hardware acceleration and system-wide design consistency.

• When implementing, ensure glass modifiers are applied after standard layout and visual modifiers to maintain proper Z-order and clipping.

• Expect outputs to follow strict Swift syntax with conditional availability checks using #available(iOS 26, *).

• The skill assumes the user has access to a SwiftUI environment and basic knowledge of the view lifecycle; it focuses on the application of the specific Liquid Glass API surface area.

• Inputs typically include existing View structures or design specifications; the agent will provide refactored code snippets, style suggestions, and component grouping strategies to achieve a professional glass-morphism look.