swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

2|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/NagyVikt/codex-plugins --skill swiftui-liquid-glass-nagyvikt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/NagyVikt/codex-plugins/tree/main/plugins/build-ios-apps/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/NagyVikt/codex-plugins --skill swiftui-liquid-glass-nagyvikt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of implementing Apple's advanced Liquid Glass API, ensuring developers correctly apply material effects, morphing transitions, and interactive glass components while maintaining performance and design consistency.

Core Features & Use Cases

  • Native API Integration: Provides standardized patterns for glassEffect, GlassEffectContainer, and glass button styles.
  • Performance Optimization: Guides the use of containers to enable efficient blending and morphing across view hierarchies.
  • Use Case: Use this skill to refactor a standard SwiftUI dashboard into a modern, fluid interface that utilizes Liquid Glass surfaces, interactive buttons, and smooth morphing transitions between view states.

Quick Start

Use the swiftui-liquid-glass skill to refactor the current view hierarchy to use GlassEffectContainer and apply glass effects to all interactive components.

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?

Implement Liquid Glass effects in SwiftUI by applying the native glassEffect modifier and using GlassEffectContainer to group interactive components for efficient rendering and morphing transitions.

What is the best way to structure SwiftUI view hierarchies for glass morphing transitions?

The best way to structure SwiftUI hierarchies for glass morphing transitions is wrapping related views in a GlassEffectContainer, which enables efficient native blending and smooth morphing across the UI.

Does the iOS 26 Liquid Glass API work on earlier iOS versions?

The Liquid Glass API requires graceful fallback handling for earlier iOS versions, ensuring your SwiftUI application maintains UI consistency by conditionally applying native blur and reflection effects only when supported.

Why does my SwiftUI liquid glass interface have poor rendering performance?

Poor rendering performance in SwiftUI liquid glass interfaces usually occurs when components are not grouped within a GlassEffectContainer, which is required to enable performance-aware blending across view hierarchies.

Can I use standard SwiftUI buttons with the new glass morphing materials?

Yes, you can apply glass button styles to standard SwiftUI buttons to create interactive glass components that utilize native blur and reflection effects within a GlassEffectContainer.

When do I need to use GlassEffectContainer instead of individual glass modifiers?

You need to use GlassEffectContainer when applying multiple glassEffect modifiers across a view hierarchy, as it ensures correct modifier ordering and enables efficient blending and morphing between view states.