skills.rest
kmshdev
kmshdevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

apple-liquid-glass-design

Integrate Apple's Liquid Glass design system into SwiftUI, UIKit, and AppKit apps.

1|Updated Feb 24, 2026
Search Tags:#cross-platform#guidelines#ui-design#swiftui#liquid-glass#morphing
One-click install
npx skills add https://github.com/kmshdev/claude-swift-toolkit --skill apple-liquid-glass-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-liquid-glass-design
Source: https://github.com/kmshdev/claude-swift-toolkit/tree/main/skills/apple-liquid-glass-design
Command: npx skills add https://github.com/kmshdev/claude-swift-toolkit --skill apple-liquid-glass-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Liquid Glass adoption across Apple platforms is complex and varies across SwiftUI, UIKit, and AppKit; this Skill consolidates guidelines and practical patterns to standardize glass-based UI across phases from design to implementation.

Core Features & Use Cases

  • Glass APIs: glassEffect(_:in:), GlassEffectContainer, GlassEffectTransition, and glassEffectID for morphing shapes.
  • Cross-platform guidance: backgroundExtensionEffect, toolbar glass, and icon composition to create immersive interfaces.
  • References & workflows: getting started, references, and implementation patterns to accelerate adoption in real apps.

Quick Start

Load this skill and begin by reviewing the references to implement Liquid Glass patterns in your app.

Frequently Asked Questions about apple-liquid-glass-design

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

FAQPage Schema
How do I implement Liquid Glass UI in SwiftUI for iOS 26?▼

You can implement Liquid Glass UI in SwiftUI using APIs like glassEffect(_:in:), GlassEffectContainer, and glassEffectID for morphing shapes, alongside backgroundExtensionEffect for immersive backgrounds.

What is the best way to apply Liquid Glass design across UIKit and AppKit apps?▼

To apply Liquid Glass design across UIKit and AppKit, you should follow cross-platform guidelines for toolbar glass, backgroundExtensionEffect, and icon composition to ensure consistent, dynamic glass-based interfaces.

Does the Liquid Glass morphing effect work with horizontal scrolling under sidebars?▼

Yes, the Liquid Glass system supports horizontal scrolling under sidebars by utilizing GlassEffectContainer and GlassEffectTransition to manage dynamic morphing shapes across iOS 26+ platforms.

How do I use GlassEffectContainer to manage glass transitions in my app?▼

GlassEffectContainer manages glass transitions by grouping glassEffect components and utilizing GlassEffectTransition with glassEffectID to coordinate morphing shapes and background extension effects.

Can I create app icons using the Liquid Glass composition guidelines?▼

Yes, you can create app icons using Liquid Glass composition guidelines, which provide patterns for integrating glass effects into your icon design across iOS 26+ platforms.

What are the limitations of using backgroundExtensionEffect for toolbar glass?▼

The backgroundExtensionEffect requires strict adherence to iOS 26+ APIs for toolbar glass implementation, meaning it is limited to newer platform versions and requires specific reference workflows to avoid integration issues.

Related Skills

Explore More Design & Creative Skills→
thangvawnthangvawn

liquid-glass-design

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

Community
Advanced
JamkrisJamkris
86

liquid-glass-design

Implement Liquid Glass effects in SwiftUI, UIKit, and WidgetKit for iOS 26 apps.

Community
Advanced
DFly7DFly7

swiftui-liquid-glass

Implement SwiftUI Liquid Glass effects with glassEffect and GlassEffectContainer for iOS 26+ apps.

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