skills.rest
luongldptit
luongldptitCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

Updated Mar 26, 2026
Search Tags:#ui-design#swiftui#uikit#liquid-glass#widgetkit#ios-26#apple-development
One-click install
npx skills add https://github.com/luongldptit/move-ticket --skill liquid-glass-design-luongldptit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/luongldptit/move-ticket/tree/main/.agent/skills/liquid-glass-design
Command: npx skills add https://github.com/luongldptit/move-ticket --skill liquid-glass-design-luongldptit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the steep learning curve of implementing Apple's new iOS 26 Liquid Glass dynamic design system, which combines real-time background blur, surrounding content reflection, and interactive touch-responsive morphing effects, across SwiftUI, UIKit, and WidgetKit without manual trial and error with new APIs.

Core Features & Use Cases

  • Cross-framework Liquid Glass support: Provides implementation patterns for SwiftUI, UIKit, and WidgetKit to ensure consistent design across all native Apple app types.
  • Interactive and animated glass effects: Includes guidance for touch-responsive glass elements, smooth morphing transitions between glass UI states, and widget-specific tinted Home Screen integration.
  • Use Case: Use this Skill to rapidly update an existing iOS app's navigation bars, cards, and floating action buttons to match the iOS 26 design language, or build new widgets that seamlessly integrate with the system's Liquid Glass appearance.

Quick Start

Use the liquid-glass-design skill to add an interactive, morphing Liquid Glass button to your iOS 26 SwiftUI app's main content view.

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 UI effects in SwiftUI for iOS 26?▼

Implement Liquid Glass in SwiftUI by applying new iOS 26 material APIs that render real-time background blur, content reflection, and touch-responsive morphing effects for dynamic interface elements.

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

Yes, Liquid Glass design components are fully supported across UIKit and WidgetKit, allowing you to apply consistent glass-style interfaces and tinted Home Screen widget integration natively.

What is the Liquid Glass dynamic design system in iOS 26?▼

The Liquid Glass design system is Apple's iOS 26 interface language combining real-time background blur, surrounding content reflection, and interactive touch-responsive morphing effects for native app UI elements.

How do I migrate legacy blur and material effects to Liquid Glass?▼

Migrate legacy blur effects to Liquid Glass by replacing existing material modifiers with iOS 26 glass-style APIs, updating navigation bars, cards, and floating buttons to match the new design language.

Does Liquid Glass design support consistent interfaces across iPhone, iPad, and Apple Watch?▼

Yes, Liquid Glass design provides implementation patterns for SwiftUI, UIKit, and WidgetKit to ensure consistent glass-style interfaces and morphing transitions across iPhone, iPad, and Apple Watch form factors.

How do I add interactive morphing transitions to Liquid Glass elements?▼

Add interactive morphing transitions to Liquid Glass elements by utilizing iOS 26 touch-responsive APIs that enable smooth state changes between glass UI components like floating action buttons.

Related Skills

Explore More Software Engineering Skills→
Michae2xlMichae2xl

liquid-glass-design

Integrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
sumeetonline90sumeetonline90

liquid-glass-design

Implement Apple's iOS 26 Liquid Glass design across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
RambleRainbowRambleRainbow

liquid-glass-design

Implement iOS 26 Liquid Glass materials in SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced