skills.rest
MomoDaviluke
MomoDavilukeCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Implement reusable Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit for iOS 26.

2|Updated Mar 3, 2026
Search Tags:#swiftui#design-patterns#uikit#liquid-glass#widgetkit#ios-26
One-click install
npx skills add https://github.com/MomoDaviluke/star-citizen-promotion --skill liquid-glass-design-momodaviluke
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/MomoDaviluke/star-citizen-promotion/tree/main/.agents/skills/ecc/liquid-glass-design
Command: npx skills add https://github.com/MomoDaviluke/star-citizen-promotion --skill liquid-glass-design-momodaviluke

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create reusable patterns to implement Liquid Glass across iOS 26 using SwiftUI, UIKit, and WidgetKit, delivering translucent surfaces, interactive morphing, and cross-framework consistency.

Core Features & Use Cases

  • SwiftUI: provide modifiers and views to render glass surfaces with blur, tint, and morphing.
  • UIKit: supply visual effect configurations for glass surfaces in traditional UIs.
  • WidgetKit: enable glass backgrounds in widgets with adaptive tint and morphing support.
  • Use Case: Build a dashboard with glass cards and morphing headers that respond to user interactions.

Quick Start

Apply the Liquid Glass design patterns to build iOS 26 UI components using SwiftUI, UIKit, and WidgetKit.

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 iOS 26 Liquid Glass UI patterns in SwiftUI?▼

To implement iOS 26 Liquid Glass UI patterns in SwiftUI, apply provided modifiers and views to render translucent glass surfaces with blur, tint, and interactive morphing behaviors.

Can I use Liquid Glass visual effects in UIKit?▼

Yes, you can use Liquid Glass visual effects in UIKit by applying supplied visual effect configurations to render glass surfaces within traditional iOS application user interfaces.

Does WidgetKit support Liquid Glass backgrounds and tinting?▼

Yes, WidgetKit supports Liquid Glass backgrounds by enabling adaptive tint and morphing behaviors, allowing widgets to display consistent glass effects across iOS 26.

What is the best way to build morphing glass headers for an iOS 26 dashboard?▼

The best way to build morphing glass headers is using the reusable iOS 26 Liquid Glass design patterns, which provide interactive morphing transitions and translucent glass surfaces for dashboard components.

Do I need to target iOS 26 to use Liquid Glass design patterns?▼

Yes, you need to target iOS 26+ because the Liquid Glass design patterns rely on specific SwiftUI modifiers, UIKit visual effects, and WidgetKit integration features introduced in that version.

Related Skills

Explore More Design & Creative Skills→
tuliopc23tuliopc23

axiom-build-performance

Analyze Xcode build timelines and apply compilation caching optimizations.

Community
Advanced
phoenicisfphoenicisf

liquid-glass-design

Implement Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit.

Community
Advanced
venomez-vipervenomez-viper
1

design

Implement Apple's Liquid Glass design and animation patterns across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Advanced
yashpalsince2004yashpalsince2004

swiftui-liquid-glass

Apply SwiftUI Liquid Glass effects to custom iOS 26+ views.

Community
Advanced