skills.rest
Oruga420
Oruga420COMMUNITY
Explore all skills by this author →
Website𝕏@Oruga420GitHub

liquid-glass-design

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

Updated Mar 24, 2026
Search Tags:#ios#swiftui#design-system#uikit#liquid-glass#widgetkit#morphing-transitions
One-click install
npx skills add https://github.com/Oruga420/claude-code-skills --skill liquid-glass-design-oruga420
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/Oruga420/claude-code-skills/tree/main/liquid-glass-design
Command: npx skills add https://github.com/Oruga420/claude-code-skills --skill liquid-glass-design-oruga420

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides concrete patterns and API guidance to implement Apple's iOS 26 Liquid Glass material across SwiftUI, UIKit, and WidgetKit, eliminating guesswork when migrating legacy blur/material effects and ensuring performant, accessible morphing interactions and container-based rendering.

Core Features & Use Cases

  • Guidance for adding Liquid Glass effects to SwiftUI views, including configurable tints, shapes, interactive behavior, and container-based merging for performance.
  • UIKit integration examples with UIGlassEffect, UIGlassContainerEffect, and toolbar/scroll edge considerations for consistent visuals and clipping.
  • WidgetKit recommendations for rendering modes, accent groups, and container backgrounds to preserve Home Screen tinting and hierarchy.
  • Use case: convert blur-based navigation bars, floating cards, and interactive buttons to the new Liquid Glass system with smooth morphing transitions and accessibility-safe contrast.

Quick Start

Use the liquid-glass-design skill to convert a blur-based UI to iOS 26 Liquid Glass and generate SwiftUI, UIKit, and WidgetKit examples.

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?▼

To implement Liquid Glass in SwiftUI, apply configurable tints, shapes, and interactive behaviors to views, utilizing container-based merging to optimize morphing transitions and performance for iOS 26 interfaces.

How do I use UIGlassEffect in UIKit to replace legacy blur materials?▼

Use UIGlassEffect and UIGlassContainerEffect in UIKit to replace legacy blur materials, ensuring consistent visual rendering, proper clipping, and smooth scroll edge interactions for toolbars and floating cards.

Does WidgetKit support Liquid Glass rendering and Home Screen tinting?▼

WidgetKit supports Liquid Glass through specific rendering modes and accent groups, applying container backgrounds to preserve Home Screen tinting and maintain visual hierarchy for iOS 26 widgets.

What is the best way to handle accessibility contrast with Liquid Glass materials?▼

Handle accessibility contrast by applying Liquid Glass materials with built-in interactive touch and pointer reactions, ensuring dynamic visual adjustments meet accessibility-safe contrast requirements across UI components.

Can I apply Liquid Glass morphing transitions to floating cards and buttons?▼

Yes, you can apply Liquid Glass morphing transitions to floating cards and interactive buttons, using container-based spacing control to merge elements seamlessly and eliminate guesswork during UI migration.

Related Skills

Explore More Software Engineering Skills→
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced
khetansarveshkhetansarvesh
1

liquid-glass-design

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

Community
Intermediate
llmh333llmh333

liquid-glass-design

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

Community
Intermediate
Mark393295827Mark393295827
1

liquid-glass-design

Implement a reusable Liquid Glass design system for iOS 26 across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate