skills.rest
oliverames
oliveramesCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

Implement Liquid Glass in SwiftUI views using GlassEffectContainer and glassEffect modifiers.

Updated Aug 27, 2026
Search Tags:#interactive#ui-design#swiftui#liquid-glass#ios-26#glass-effect
One-click install
npx skills add https://github.com/oliverames/ames-claude --skill swiftui-liquid-glass-oliverames
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/oliverames/ames-claude/tree/main/plugins/build-ios-apps-codex/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/oliverames/ames-claude --skill swiftui-liquid-glass-oliverames

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers implement, review, and improve Liquid Glass-based UI in SwiftUI applications, aligning with iOS 26+ Glass APIs.

Core Features & Use Cases

  • Review guidelines for proper glassEffect order, containment, and availability checks.
  • Refactor or implement new glass-backed views using GlassEffectContainer and .glassEffect modifiers.
  • Ensure consistent shapes, interactions, and transitions across screens.

Quick Start

Ask the AI to implement Liquid Glass in a SwiftUI view, using GlassEffectContainer when multiple elements are involved.

Frequently Asked Questions about swiftui-liquid-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI for iOS 26?▼

Use availability guards to check for iOS 26 before applying the .glassEffect modifier and GlassEffectContainer, providing standard SwiftUI fallback visuals like blur or opacity for earlier OS versions.

What is the best way to group multiple SwiftUI Liquid Glass elements?▼

Group multiple Liquid Glass elements in a GlassEffectContainer to maintain consistent shapes, manage interactive variants, and ensure smooth transitions across different SwiftUI screens.

Do I need GlassEffectContainer for every SwiftUI Liquid Glass view?▼

You only need a GlassEffectContainer when multiple Liquid Glass elements are involved. Single glass-backed views can use the .glassEffect modifier directly without requiring container grouping.

How do I handle iOS 26 availability when adding Liquid Glass to SwiftUI?▼

Apply availability guards for iOS 26 before using Liquid Glass APIs like .glassEffect and GlassEffectContainer, and implement standard SwiftUI fallback visuals such as background blur for earlier iOS versions.

Why does my SwiftUI Liquid Glass effect look inconsistent across screens?▼

Inconsistent Liquid Glass visuals often result from incorrect modifier order or missing GlassEffectContainer grouping. Review guidelines to verify proper containment, availability checks, and consistent shapes across screens.

Related Skills

Explore More Software Engineering Skills→
BumpyClockBumpyClock
1

swiftui-liquid-glass

Review or refactor SwiftUI components to Liquid Glass on iOS 26+.

Community
Intermediate
dpearson2699dpearson2699
981

swiftui-liquid-glass

Implements and reviews SwiftUI Liquid Glass effects for iOS 26+.

Community
Intermediate
heyAyushhheyAyushh
3

swiftui-liquid-glass

Implement and validate Liquid Glass SwiftUI interfaces with iOS 26 availability gating.

Community
Basic
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced