swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass APIs with iOS 26 availability gating.

Updated Feb 8, 2026

Search Tags:#design review #swiftui #interactive ui #liquid glass #glass effect #ios 26 #ui refactor

Ready to run

npx skills add https://github.com/irchamaji/agents --skill swiftui-liquid-glass-irchamaji

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/irchamaji/agents/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/irchamaji/agents --skill swiftui-liquid-glass-irchamaji

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Liquid Glass adoption in SwiftUI can be inconsistent or incorrect, causing visual mismatches, poor performance, or broken interactions across iOS versions.

Core Features & Use Cases

Correct Liquid Glass implementation: Implement or refactor SwiftUI views to use iOS 26+ Liquid Glass APIs with proper availability gating and non-glass fallbacks.
Design-consistent glass composition: Ensure modifier order, shapes, tinting, and container usage (including GlassEffectContainer) align with Apple guidance.
Interaction-accurate reviews: Review correctness for interactivity (.interactive), morphing (glassEffectID with @Namespace), and transitions to match expected behavior.

Quick Start

Use the swiftui-liquid-glass skill to refactor my SwiftUI screen so its cards, buttons, and glass surfaces use iOS 26+ Liquid Glass with correct fallbacks.

Frequently Asked Questions about swiftui-liquid-glass

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

FAQPage Schema

How do I apply iOS 26 Liquid Glass to SwiftUI views correctly?▼

To implement Liquid Glass correctly, use iOS 26+ APIs with #available(iOS 26, *) gating, maintain correct modifier ordering, apply appropriate GlassEffectContainer usage, and provide a non-glass fallback for older iOS versions.

What is GlassEffectContainer used for in SwiftUI glass effects?▼

GlassEffectContainer groups multiple glass surfaces in SwiftUI to ensure design-consistent composition, aligning modifier order, shapes, and tinting with Apple guidance for optimal visual consistency and rendering performance.

How do I add interactive Liquid Glass effects to SwiftUI buttons?▼

Add interactive Liquid Glass by applying the .interactive modifier to SwiftUI views, ensuring the glass effect accurately responds to user interactions and matches expected behavior during implementation and design reviews.

Can I use Liquid Glass morphing transitions with @Namespace in SwiftUI?▼

Yes, you can implement Liquid Glass morphing transitions by applying glassEffectID driven by @Namespace within SwiftUI, ensuring smooth morphing between glass surfaces matches expected interactive behavior.

Why does my SwiftUI Liquid Glass effect look broken on older iOS versions?▼

Liquid Glass appears broken without proper availability gating; you must use #available(iOS 26, *) checks and implement a non-glass fallback to maintain visual consistency and functionality across older iOS versions.

Do I need to refactor modifier ordering for SwiftUI Liquid Glass?▼

Yes, correct modifier ordering is required for SwiftUI Liquid Glass to prevent visual mismatches and poor performance, ensuring shapes, tinting, and GlassEffectContainer usage align properly with Apple guidance.