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.
Profile →npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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](references/liquid-glass.md) for the full API reference with additional examples. ## Contents - [Workflow](#workflow) - [Core API Summary](#core-api-summary) - [Code Examples](#code-examples) - [Common Mistakes](#common-mistakes) - [Review Checklist](#review-checklist) - [References](#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 an
- Contents
- Workflow
- 1. Implement a new feature with Liquid Glass
- 2. Improve an existing feature with Liquid Glass
- 3. Review existing Liquid Glass usage
- Core API Summary
- glassEffect(:in:)
- Glass struct
- GlassEffectContainer
- Morphing & Transitions
- Button Styles
- Related iOS 26 APIs
- Code Examples
- Glass button with availability gate
What does the swiftui-liquid-glass skill do?
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.
How do I install it?
Run `npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From dpearson2699/swift-ios-skills, a repository with 963 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.