How do I make glass elements responsive to touch?

In SwiftUI, apply the .interactive() modifier to your glass effect. In UIKit, set the isInteractive property to true on your UIGlassEffect instance.

How does morphing work between different UI states?

Morphing is achieved by using a shared @Namespace and assigning a unique glassEffectID to elements, allowing the system to animate the glass shape during layout changes.

What is the benefit of using GlassEffectContainer?

It optimizes rendering performance and enables smooth morphing/merging transitions between sibling glass elements by managing them within a single container context.

Does this skill support older iOS versions?

This skill specifically targets the Liquid Glass APIs and design patterns introduced in iOS 26 and later.

Liquid Glass Design for iOS

Name: Liquid Glass Design for iOS
Author: oabdelmaksoud

byoabdelmaksoud

0•

设计工具

Implements the iOS 26 Liquid Glass design system with dynamic blur, reflection, and interactive morphing effects for SwiftUI and UIKit.

This skill provides a comprehensive guide and implementation patterns for Apple's Liquid Glass design language introduced in iOS 26. It enables developers to integrate dynamic material effects that react to touch and light, including morphing transitions, glass-styled buttons, and context-aware widgets. It covers critical implementation details for SwiftUI, UIKit, and WidgetKit, ensuring performance-optimized rendering and seamless system integration for modern Apple platform applications.

主要功能

01Dynamic glass material effects with real-time blur and light reflection

02Comprehensive WidgetKit support including accented rendering modes

03Performance optimization via GlassEffectContainer and UIGlassContainerEffect

040 GitHub stars

05Interactive morphing transitions between UI elements using namespaces

06Standardized glass-styled button styles and container patterns

使用场景

01Building home screen widgets that adapt to system-level tinting and glass effects

02Updating legacy iOS applications to the modern iOS 26 Liquid Glass design language

03Creating interactive floating action buttons and toolbars with depth and feedback

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw liquid-glass-design

For use in Claude.ai and ChatGPT

主要功能

01Dynamic glass material effects with real-time blur and light reflection

02Comprehensive WidgetKit support including accented rendering modes

03Performance optimization via GlassEffectContainer and UIGlassContainerEffect

040 GitHub stars

05Interactive morphing transitions between UI elements using namespaces

06Standardized glass-styled button styles and container patterns

使用场景

01Building home screen widgets that adapt to system-level tinting and glass effects

02Updating legacy iOS applications to the modern iOS 26 Liquid Glass design language

03Creating interactive floating action buttons and toolbars with depth and feedback

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw liquid-glass-design

For use in Claude.ai and ChatGPT