liquid-glass-design

Implement iOS 26 Liquid Glass visuals with glassEffect modifiers across SwiftUI, UIKit, and WidgetKit.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/hieuck/Pro5ChromeManager --skill liquid-glass-design-hieuck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/hieuck/Pro5ChromeManager/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/hieuck/Pro5ChromeManager --skill liquid-glass-design-hieuck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implement a reusable Liquid Glass design system for iOS 26 apps across SwiftUI, UIKit, and WidgetKit to ensure consistent glass-like visuals.

Core Features & Use Cases

  • Glass effects for views and containers using SwiftUI modifiers like glassEffect
  • Cross-framework integration for SwiftUI, UIKit, and WidgetKit with morphing transitions
  • Patterns for composing glass UI in cards, buttons, toolbars, and widgets
  • Best practices for accessibility, performance, and theming across appearances

Quick Start

Integrate the Liquid Glass design system into your iOS project by applying the glassEffect modifiers to SwiftUI views, UIKit components, and WidgetKit widgets.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI?

You implement Liquid Glass effects in SwiftUI by applying the provided glassEffect modifiers to your views. This adds blur, reflections, and morphing transitions to create consistent glass-styled components like cards and toolbars.

Can I use Liquid Glass visuals across UIKit and WidgetKit?

Yes, you can use Liquid Glass visuals across UIKit and WidgetKit. The design system supports cross-framework integration, allowing you to apply glass effects and morphing transitions consistently whether you are using SwiftUI, UIKit, or WidgetKit.

What is the best way to ensure consistent glass UI design in iOS apps?

The best way to ensure consistent glass UI design is by adopting a reusable design system with predefined patterns. This system standardizes glass effects, accessibility, performance optimizations, and theming across all your app's components and widgets.

Does the Liquid Glass design system support accessibility and theming?

Yes, the Liquid Glass design system supports accessibility and theming. It includes best practices for accessibility, performance, and theming across different appearances to ensure your glass UI is usable and visually cohesive.

How do I compose glass UI for different iOS components like toolbars and widgets?

You compose glass UI for toolbars and widgets by using the provided container patterns. These patterns guide you in applying glassEffect modifiers correctly to compose glass-styled cards, buttons, toolbars, and widgets across your iOS application.