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.

Key Features

01Detailed implementation guides for layered app icons and Icon Composer workflows.

02Technical strategies for scroll edge effects and control legibility optimization.

03233 GitHub stars

04Platform-specific behavioral insights for iOS, iPadOS, macOS, and visionOS.

05Comprehensive checklists for Liquid Glass adoption and UI compatibility auditing.

06Accessibility testing patterns for transparency, contrast, and motion settings.

Use Cases

01Designing multi-layered, dynamic app icons that respond to system lighting and appearance variants.

02Auditing legacy SwiftUI or UIKit interfaces to remove conflicting custom backgrounds and adopt Liquid Glass.

03Aligning custom control shapes and spacing with the hardware-informed curvature of modern xOS platforms.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add charleswiltgen/axiom axiom-liquid-glass-ref

For use in Claude.ai and ChatGPT

Download Skill