skills.rest
wisdom-in-a-nutshell
wisdom-in-a-nutshellOFFICIAL
Explore all skills by this author →
WebsiteGitHub

swiftui-liquid-glass

Implement and review iOS 26+ SwiftUI Liquid Glass UI components.

25|1|Updated Feb 10, 2026
Search Tags:#code review#swiftui#liquid glass#apple design#ui implementation#glass effect#ios 26
One-click install
npx skills add https://github.com/wisdom-in-a-nutshell/agents --skill swiftui-liquid-glass-wisdom-in-a-nutshell
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/wisdom-in-a-nutshell/agents/tree/main/plugins-source/external/build-ios-apps/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/wisdom-in-a-nutshell/agents --skill swiftui-liquid-glass-wisdom-in-a-nutshell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Adopting Apple's iOS 26+ Liquid Glass design system correctly requires knowing which native APIs to use, how to order modifiers, and how to handle availability fallbacks. This Skill guides implementation and review of Liquid Glass UI so features use native glass effects consistently and performantly. ## Core Features & Use Cases - Implementation Guidance: Apply glassEffect, GlassEffectContainer, glass button styles, and morphing transitions with glassEffectID and @Namespace. - Code Review Checklist: Verify availability gating with #available(iOS 26, *), modifier order, container composition, interactivity, and shape consistency. - Fallback Patterns: Provide non-glass fallbacks such as .ultraThinMaterial for earlier iOS versions. - Use Case: When building a new SwiftUI toolbar with multiple glass buttons, wrap them in a GlassEffectContainer, apply .buttonStyle(.glassProminent) to the primary action, and add a material-based fallback for pre-iOS 26 devices. ## Quick Start Use the swiftui-liquid-glass skill to review my SwiftUI view and refactor it to use native Liquid Glass APIs with an iOS 26 availability 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 add Liquid Glass to a SwiftUI view?▼

Apply the .glassEffect() modifier after layout and appearance modifiers, optionally passing a shape like .rect(cornerRadius: 16). Use .glassEffect(.regular.tint(.orange).interactive()) to customize tint and interactivity.

How do I combine multiple Liquid Glass effects in SwiftUI?▼

Wrap multiple glass views in a GlassEffectContainer with a spacing parameter to control merging distance. Use glassEffectUnion with a namespace to unite views into a single glass effect across dynamic layouts.

Does Liquid Glass work on iOS versions before 26?▼

No, Liquid Glass APIs require iOS 26 or later. Gate usage with #available(iOS 26, *) and provide a fallback such as .background(.ultraThinMaterial, in: RoundedRectangle(cornerRadius:)) for earlier versions.

How do I create morphing transitions with Liquid Glass?▼

Create an @Namespace, assign each glass view a glassEffectID in that namespace, and animate view hierarchy changes with withAnimation. The glass effects morph as views appear or disappear inside a GlassEffectContainer.

When should I use .interactive() on a glass effect?▼

Add .interactive() only to glass elements that respond to touch or pointer input, such as buttons or tappable cards. Applying it to static decorative surfaces adds unnecessary interaction behavior.

Related Skills

Explore More Software Engineering Skills→
FelixRauchFelixRauch

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass effects for iOS 26+ custom UI.

Community
Intermediate
kvn8888kvn8888
3

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Community
Intermediate
Avi977Avi977

ios-design-guidelines

Guide iOS interface design to comply with Apple's Human Interface Guidelines.

Community
Advanced
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

Implement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.

Community
Advanced