swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass UI with iOS 26+ APIs.

Updated May 6, 2026
One-click install
npx skills add https://github.com/Roy-wonji/claude-config --skill swiftui-liquid-glass-roy-wonji
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/Roy-wonji/claude-config/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/Roy-wonji/claude-config --skill swiftui-liquid-glass-roy-wonji

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Prevents broken or inconsistent Liquid Glass implementations by guiding how to apply iOS 26+ SwiftUI glass effects correctly, including availability gating and performance-aware composition.

Core Features & Use Cases

  • Review existing Liquid Glass usage: Verify modifier order, correct container/shape usage, interaction semantics, and proper iOS 26+ fallbacks.
  • Refactor to native Liquid Glass patterns: Convert multiple glass elements into cohesive designs using GlassEffectContainer, consistent shapes, and correct transitions.
  • Implement new Liquid Glass features: Design glass surfaces first, then apply .glassEffect/glass button styles and add morphing transitions when view hierarchy changes.

Quick Start

Ask an AI to use swiftui-liquid-glass to refactor your current SwiftUI card or button UI to iOS 26+ Liquid Glass with correct fallbacks and consistent styling.

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 UI in SwiftUI correctly for iOS 26?

To implement Liquid Glass UI correctly, apply native `.glassEffect` modifiers and glass button styles while ensuring proper iOS 26 availability gating and correct modifier ordering to prevent inconsistent design behavior.

Why does my Liquid Glass effect look broken or inconsistent across views?

Liquid Glass effects appear broken when SwiftUI modifier ordering is incorrect or grouped elements lack a GlassEffectContainer, which is required to cohesively manage multiple glass surfaces and avoid visual rendering issues.

How do I refactor existing SwiftUI components to Liquid Glass?

Refactor existing SwiftUI components by converting multiple glass elements into cohesive designs using GlassEffectContainer, applying consistent shapes, verifying interaction semantics, and adding morphing transitions when the view hierarchy changes.

Do I need fallback visuals for Liquid Glass on pre-iOS 26 versions?

Yes, you need fallback visuals for pre-iOS 26 versions. Correct Liquid Glass implementation requires iOS availability gating to ensure apps degrade gracefully and maintain functional UI on older operating systems.

What is the best way to review Liquid Glass usage for performance and correctness?

The best way to review Liquid Glass usage is to verify modifier order, check GlassEffectContainer usage for grouped effects, validate interaction semantics, and ensure proper fallbacks are applied across all app screens.

Can I use interactive Liquid Glass effects within a SwiftUI view hierarchy?

Yes, you can use optional interactive glass effects within SwiftUI views. Correct implementation requires applying native modifier ordering and utilizing GlassEffectContainer to manage grouped effects during view hierarchy changes.