Apply the iOS 26 glassEffect modifier with placement and ordering rules.
npx skills add https://github.com/moasq/nanowave --skill liquid-glass-moasq
Please help me install this Agent Skill. Skill: liquid-glass Source: https://github.com/moasq/nanowave/tree/main/internal/orchestration/skills/ui/liquid-glass Command: npx skills add https://github.com/moasq/nanowave --skill liquid-glass-moasq
This Skill helps developers correctly implement the new iOS 26 Liquid Glass material, ensuring proper placement, modifier ordering, and interactivity for a consistent and modern UI.
.glassEffect(): Understand where to use the glassEffect modifier on various UI elements like list rows, buttons, and toolbars.glassEffect relative to other modifiers like padding.GlassEffectContainer for adjacent glass elements.Apply the .glassEffect modifier with .regular prominence to a list row background, ensuring it's applied after padding.
High-intent search queries and answers about installing and using this skill.
To apply the iOS 26 Liquid Glass material in SwiftUI, use the `.glassEffect()` modifier on UI elements like list rows, buttons, and toolbars. You can specify prominence levels to control the visual emphasis of the glass effect.
The correct modifier ordering for SwiftUI glass effects requires applying `.glassEffect()` after other modifiers like padding. This ensures the Liquid Glass material renders correctly across the intended bounds without clipping layout constraints.
Yes, you can group adjacent Liquid Glass elements in SwiftUI using `GlassEffectContainer`. This groups interactive and static glass effects properly, ensuring consistent rendering and interactivity for adjacent UI elements like tab bars.
You should avoid using the `glassEffect` modifier on elements that should remain opaque. The placement rules dictate specific UI components suitable for glass effects to maintain readability and correct visual hierarchy within your interface.
You control tinting and prominence for Liquid Glass UI elements by adjusting the parameters within the `.glassEffect()` modifier. This allows you to differentiate between interactive and static elements while applying subtle background colors.
Yes, the iOS 26 `glassEffect` modifier supports interactive list rows. You can apply a subtle, interactive glass effect to a list row background while maintaining readability and the correct visual hierarchy using `.regular` prominence.
woxiangyangzhimaoImplement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.
ano4lApply Liquid Glass glass effects across SwiftUI, AppKit, UIKit, and WidgetKit.
fanguyunIntegrate GSAP animations into React components using the useGSAP hook.
Michae2xlIntegrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.