liquid-glass-design

Name: liquid-glass-design
Availability: InStock
Author: sayasaya

Implement iOS 26 Liquid Glass dynamic material design across SwiftUI, UIKit, and WidgetKit.

2|Updated Mar 12, 2026

Search Tags:#ios #swiftui #design-system #uikit #liquid-glass #widgetkit #apple-ios

Ready to run

npx skills add https://github.com/sayasaya8039/ZWG_Terminal --skill liquid-glass-design-sayasaya8039

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/sayasaya8039/ZWG_Terminal/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/sayasaya8039/ZWG_Terminal --skill liquid-glass-design-sayasaya8039

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the difficulty of implementing Apple's new iOS 26 Liquid Glass dynamic material design, which requires specialized APIs for blur, reflection, interactive responses, and morphing transitions across multiple iOS development frameworks.

Core Features & Use Cases

Cross-framework support: Provides implementation patterns for SwiftUI, UIKit, and WidgetKit to ensure consistent Liquid Glass styling across all iOS app types.
Interactive and animated effects: Covers touch/pointer-reactive glass elements, morphing transitions between glass components, and blended multi-element glass containers.
Use case example: Use this skill to add a morphing glass toolbar and interactive glass cards to a SwiftUI productivity app to match the official iOS 26 design language.

Quick Start

Use the liquid-glass-design skill to add an interactive, morphing glass button group to your iOS 26 SwiftUI app's main screen.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema

Can I use Liquid Glass design patterns in UIKit and WidgetKit?▼

Yes, you can use Liquid Glass design patterns in UIKit and WidgetKit. The skill provides cross-framework implementation patterns to ensure consistent glass styling, including widget-specific accented rendering modes.

How do I create morphing transitions between Liquid Glass components?▼

Create morphing transitions between Liquid Glass components by utilizing the skill's interactive and animated effect patterns, which support blended multi-element glass containers and morphing UI transformations.

Does iOS 26 Liquid Glass support touch-reactive UI elements?▼

Yes, iOS 26 Liquid Glass supports touch-reactive UI elements. The skill covers interactive effects for touch and pointer-reactive glass elements, allowing dynamic user responses within your native applications.

What is the best way to ensure consistent Liquid Glass styling across iOS frameworks?▼

The best way to ensure consistent Liquid Glass styling across iOS frameworks is to apply the cross-framework implementation patterns provided for SwiftUI, UIKit, and WidgetKit, satisfying shared functional blur and tinting requirements.

Do I need specialized APIs for dynamic background blur in iOS 26?▼

Yes, you need specialized APIs for dynamic background blur in iOS 26. This skill eliminates the difficulty of implementing these APIs by providing the necessary patterns for reflection, interactive responses, and color tinting.