Agent skill · design visual · dpearson2699
swiftui-liquid-glass
Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar/tab bar, static status badges vs interactive controls, morphing transitions, tinting, interactive glass, ToolbarSpacer, scrollEdgeEffectStyle, backgroundExtensionEffect, and availability gating. Use when asked about Liquid Glass, glass buttons, glassEffect, GlassEffectTransition, glassEffectID, glassEffectUnion, scroll edge effects, or adopting iOS 26 design.
Why this skill is useful
Provides specific implementation patterns and API usage for SwiftUI Liquid Glass effects that the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-07-31. 973 stars on the source repository.
What this skill does
SwiftUI Liquid Glass Liquid Glass is the dynamic translucent material introduced across Apple platforms 26. Standard SwiftUI bars and presentations adopt it automatically when built with the current SDK. Reserve custom glass for functional controls and navigation surfaces, not general content backgrounds. See references/liquid-glass.md for the full API reference with additional examples. Contents Workflow Core API Summary Code Examples Common Mistakes Review Checklist References Workflow Choose the path that matches the request: 1. Implement a new feature with Liquid Glass 1. Identify target surfaces (floating controls, custom bars, transient controls). 2. Decide shape, prominence, and whether each element is a real control or static status. 3. Wrap grouped glass elements in a GlassEffectContainer. 4. Apply .glassEffect() after layout and appearance modifiers. 5. Add .interactive() only to tappable/focusable elements. 6. Add morphing transitions with glassEffectID(:in:) where the view hierarchy changes with animation. Put glassEffectTransition(:) on the inserted or removed glass child, not on the always-present container, and choose the style using Morphing & Transitions. 7. Gate with if #available(iOS 26, ) and provide a fallback for earlier versions. 2. Improve an existing feature with Liquid Glass 1. Find custom control or navigation backgrounds that can be replaced with .glassEffect(). 2. Wrap sibling glass elements in GlassEffectContainer for blending and performance. 3. Replace custom glass-like buttons with .buttonStyle(.glass), .buttonStyle(.glassProminent), or configurable styles such as .buttonStyle(.glass(.clear)). Use .glass(:) when the button needs a specific tint or variant; reserve .glassProminent for high-emphasis primary actions. 4. Add morphing transitions where animated insertion/removal occurs. 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills dpearson2699/swiftui-liquid-glass