liquid-glass-design

Implement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.

3|2|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/woxiangyangzhimao/skills --skill liquid-glass-design-woxiangyangzhimao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/woxiangyangzhimao/skills/tree/main/liquid-glass-design
Command: npx skills add https://github.com/woxiangyangzhimao/skills --skill liquid-glass-design-woxiangyangzhimao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires SwiftUI, UIKit, WidgetKit, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of tools and patterns for implementing Apple's Liquid Glass design system in iOS 26 apps, enhancing UI with dynamic blur, reflection, and interactive morphing effects.

Core Features & Use Cases

  • SwiftUI Integration: Implement Liquid Glass effects in SwiftUI views and components.
  • UIKit Compatibility: Extend UIKit controls with Liquid Glass effects.
  • WidgetKit Support: Integrate Liquid Glass into widgets for a cohesive system experience.
  • Use Case: If you're developing an iOS 26 app and want to add a dynamic, glassy material effect to your UI elements, this Skill can help you achieve that.

Quick Start

Apply the Liquid Glass effect to a SwiftUI view with .glassEffect() in your SwiftUI code.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema
How do I add Liquid Glass effects to SwiftUI views in iOS 26?

To add Liquid Glass effects in SwiftUI, apply the `.glassEffect()` modifier to your views. This Skill provides SwiftUI components that implement dynamic blur, reflection, and interactive morphing materials for iOS 26 apps.

Can I use Liquid Glass design components with UIKit and WidgetKit?

Yes, Liquid Glass design components fully support UIKit and WidgetKit. You can extend UIKit controls and integrate glass effects into widgets to ensure a cohesive system experience across your iOS 26 app.

What iOS SDK version is required for Liquid Glass UI integration?

Liquid Glass UI integration requires the iOS 26 SDK. This design system introduces dynamic glass material effects, including blur, reflection, and interactive morphing, which are specific to the iOS 26 platform.

What is the best way to implement Apple's Liquid Glass design system across different UI frameworks?

The best way to implement Apple's Liquid Glass design system is using this Skill's comprehensive patterns for SwiftUI, UIKit, and WidgetKit. It provides the necessary tools to apply dynamic glassy material effects consistently across all components.

Does the Liquid Glass effect support interactive morphing and dynamic reflections?

Yes, the Liquid Glass effect supports interactive morphing and dynamic reflections. The Skill implements Apple's Liquid Glass design system by providing components that render these advanced glass material behaviors in iOS 26 apps.

Why use a dedicated Skill for Liquid Glass effects instead of building custom blur views?

Using a dedicated Skill for Liquid Glass effects provides pre-built SwiftUI, UIKit, and WidgetKit components that accurately replicate Apple's design system. It solves the complexity of rendering dynamic blur, reflection, and morphing, saving development time and ensuring consistency.