liquid-glass-design

Implement liquid glass visuals across SwiftUI, UIKit, and WidgetKit for iOS 26.

Updated May 27, 2025
One-click install
npx skills add https://github.com/vinwang/tools --skill liquid-glass-design-vinwang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/vinwang/tools/tree/main/iflow/skills/liquid-glass-design
Command: npx skills add https://github.com/vinwang/tools --skill liquid-glass-design-vinwang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Traditional glass-like UI is hard to implement consistently across SwiftUI, UIKit, and WidgetKit, especially for iOS 26's Liquid Glass.

Core Features & Use Cases

  • Cross-framework patterns for SwiftUI, UIKit, and WidgetKit to implement liquid glass visuals
  • Morphing transitions and interactive glass elements for dynamic UI
  • Guidelines for migrating existing blur or glass implementations to the Liquid Glass API

Quick Start

Apply the glassEffect modifier to a SwiftUI view to begin using the Liquid Glass design.

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 visuals in SwiftUI for iOS 26?

Implement Liquid Glass visuals in SwiftUI by applying the glassEffect modifier to your views. This Skill provides cross-framework patterns to ensure consistent glass backgrounds and interactive elements across iOS 26+ applications.

Can I use the iOS 26 Liquid Glass API in UIKit and WidgetKit?

Yes, the Liquid Glass API works across UIKit and WidgetKit. This Skill provides implementation patterns for all three frameworks, ensuring consistent glass-like visuals and morphing transitions throughout your entire iOS 26 application.

What is the best way to migrate existing blur effects to the Liquid Glass API?

Migrate existing blur effects to the Liquid Glass API using the provided migration guidelines. This Skill covers transitioning traditional glass-like implementations to the new glassEffect modifier for consistent cross-platform UI.

How do morphing transitions work with glass UI elements in iOS 26?

Morphing transitions work with glass UI elements by applying dynamic visual effects through the glassEffect modifier. This Skill provides patterns for creating interactive glass elements that smoothly morph during user interactions in iOS 26.

Why is traditional glass-like UI hard to implement consistently across iOS frameworks?

Traditional glass-like UI is hard to implement consistently because SwiftUI, UIKit, and WidgetKit require different approaches. This Skill solves the problem by providing unified patterns for the iOS 26 Liquid Glass API across all three frameworks.

Does the glassEffect modifier support interactive elements and dynamic backgrounds?

Yes, the glassEffect modifier supports interactive elements and dynamic backgrounds. This Skill provides implementation patterns for creating morphing transitions and interactive glass components across SwiftUI, UIKit, and WidgetKit.