Swiftui Liquid Glass

If you're adopting iOS 26's new Liquid Glass API in SwiftUI, this walks you through the decision tree: review existing glass usage, refactor components to use native modifiers like glassEffect and GlassEffectContainer, or build new features from scratch with the right modifier order and availability checks. It's opinionated about using Apple's native APIs over custom blurs and includes practical snippets for interactive glass, button styles, and morphing transitions. Originally from Dimillian's skill collection. The checklists are genuinely helpful if you're trying to get glass effects right without fighting the framework or shipping something that looks half baked on older iOS versions.

skills.sh installs: 270
GitHub stars: 7.5K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add steipete/agent-scripts --skill swiftui-liquid-glass --agent claude-code

Installs into .claude/skills of the current project.

Files

SwiftUI Liquid Glass

Attribution: copied from @Dimillian’s Dimillian/Skills (2025-12-31).

Overview

Use this skill to build or review SwiftUI features that fully align with the iOS 26+ Liquid Glass API. Prioritize native APIs (glassEffect, GlassEffectContainer, glass button styles) and Apple design guidance. Keep usage consistent, interactive where needed, and performance aware.

Workflow Decision Tree

Choose the path that matches the request:

1) Review an existing feature

Inspect where Liquid Glass should be used and where it should not.
Verify correct modifier order, shape usage, and container placement.
Check for iOS 26+ availability handling and sensible fallbacks.

2) Improve a feature using Liquid Glass

Identify target components for glass treatment (surfaces, chips, buttons, cards).
Refactor to use GlassEffectContainer where multiple glass elements appear.
Introduce interactive glass only for tappable or focusable elements.

SKILL.md on GitHub