How does this skill help with app icon updates?

It provides specific instructions for designing layered icons (Foreground, Middle, Background) and utilizing the Icon Composer tool in Xcode 26+ to handle system effects like refraction and reflection.

Do I need to rewrite my UI to support Liquid Glass?

No, standard components adopt it automatically when built with the latest SDKs. This skill helps you audit and fix custom backgrounds that might interfere with the effect.

How do I ensure accessibility with Liquid Glass?

The skill includes specific testing checklists for 'Reduce Transparency' and 'Increase Contrast' modes to ensure your interface remains legible and functional for all users.

What is Liquid Glass in Apple development?

Liquid Glass is a design language introduced at WWDC 2025 that combines the optical properties of glass with fluid interactivity for system components and navigation layers.

Liquid Glass Reference

Name: Liquid Glass Reference
Author: CharlesWiltgen

byCharlesWiltgen

•

233

Mobile Development

Provides a comprehensive reference guide for adopting the Liquid Glass design system and dynamic layered iconography across modern Apple platforms.

概要

This skill serves as a specialized technical reference for developers implementing the Liquid Glass design language introduced in 2025. It offers expert guidance on transitioning apps to the latest visual standards of iOS 26 and macOS Tahoe, focusing on automatic component adoption, custom UI audits, and accessibility compliance. Whether you are using the new Icon Composer for layered app icons or optimizing control curvature to match hardware shapes, this skill provides the implementation patterns and best practices needed for a seamless platform refresh.

主な機能

Detailed implementation guides for layered app icons and Icon Composer workflows.
Technical strategies for scroll edge effects and control legibility optimization.
233 GitHub stars
Platform-specific behavioral insights for iOS, iPadOS, macOS, and visionOS.
Comprehensive checklists for Liquid Glass adoption and UI compatibility auditing.
Accessibility testing patterns for transparency, contrast, and motion settings.

ユースケース

Designing multi-layered, dynamic app icons that respond to system lighting and appearance variants.
Auditing legacy SwiftUI or UIKit interfaces to remove conflicting custom backgrounds and adopt Liquid Glass.
Aligning custom control shapes and spacing with the hardware-informed curvature of modern xOS platforms.

概要

主な機能

Detailed implementation guides for layered app icons and Icon Composer workflows.
Technical strategies for scroll edge effects and control legibility optimization.
233 GitHub stars
Platform-specific behavioral insights for iOS, iPadOS, macOS, and visionOS.
Comprehensive checklists for Liquid Glass adoption and UI compatibility auditing.
Accessibility testing patterns for transparency, contrast, and motion settings.

ユースケース

Designing multi-layered, dynamic app icons that respond to system lighting and appearance variants.
Auditing legacy SwiftUI or UIKit interfaces to remove conflicting custom backgrounds and adopt Liquid Glass.
Aligning custom control shapes and spacing with the hardware-informed curvature of modern xOS platforms.