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.
SkillScore95Maintained
Automatic
◆Frontend / UI pack
Last verified 8/14/2026
What it changes
Passed 21 of 22 test cases with the skill, and 8 of 22 without it.
Without skill36%
With skill95%
Checks it passed that the model alone missed
Uses ToolbarSpacer
Uses backgroundExtensionEffect
Uses .buttonStyle(.glassProminent)
and 15 more in the full report
13 fixed8 passed either way1 still failing0 broke
Pass-rate lift
+59 pp
Tokens
+77%
Agent turns
0%
Response time
-47%
Model gemini-3.6-flashMeasured 8/14/2026v121 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 13
Prompt
When inserting a glass element far away from existing glass elements where geometry matching is inappropriate, which transition style should be passed to `.glassEffectTransition(...)`?
What was checked, without and with the skill
Checked
Without skill
With skill
Specifies .materialize as the transition style for distant elements
Missed
Passed
case-07 · gemini-3.6-flash · 8/14/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md293 lines2 files
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.
Decide shape, prominence, and whether each element is a real control or static status.
Wrap grouped glass elements in a GlassEffectContainer.
Apply .glassEffect()after layout and appearance modifiers.
Add .interactive() only to tappable/focusable elements.
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.
Gate with if #available(iOS 26, *) and provide a fallback for earlier versions.
2. Improve an existing feature with Liquid Glass
Find custom control or navigation backgrounds that can be replaced with .glassEffect().
Wrap sibling glass elements in GlassEffectContainer for blending and performance.
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.