How is Liquid Glass different from standard blur effects?

Liquid Glass uses lensing to bend and shape light dynamically rather than scattering it, creating a meta-material that feels fluid and organic while responding to interaction.

When should I use the Clear variant instead of Regular?

Use Clear only when the element is over media-rich content, includes a dimming layer for legibility, and the foreground content is bold and bright.

Does this skill support visionOS development?

Yes, it provides platform-specific guidance for axiom-visionOS 3+ and helps align Liquid Glass behavior with spatial computing environments.

Can I use Liquid Glass on content layers like Lists?

Apple recommends reserving Liquid Glass for navigation layers (bars, controls) to avoid visual confusion and maintain a clear hierarchy between content and navigation.

Axiom Liquid Glass Design System

Name: Axiom Liquid Glass Design System
Author: CharlesWiltgen

byCharlesWiltgen

•

233

•

Mobile Development

Implements and optimizes Apple’s Liquid Glass material design system for modern xOS applications using WWDC 2025 principles.

This skill empowers developers to master Liquid Glass, Apple's next-generation material design system that utilizes lensing and dynamic light bending. It provides expert guidance on implementing SwiftUI glass effects, choosing between Regular and Clear variants, and ensuring accessibility through adaptive tinting and contrast patterns. Whether you are building for iOS 26, macOS Tahoe, or visionOS, this skill offers comprehensive design review frameworks and technical implementation patterns to create immersive, fluid user interfaces that follow Apple’s latest human interface guidelines.

Key Features

01Expert design review frameworks including professional push-back patterns

02Debugging and performance optimization for visual artifacts and platform-specific behaviors

03Comprehensive SwiftUI glassEffect API implementation and configuration guidance

04233 GitHub stars

05Technical decision logic for selecting Regular vs. Clear material variants

06Optimization for adaptive tinting, legibility, and contrast across light/dark modes

Use Cases

01Implementing immersive navigation and tab bars using Liquid Glass lensing effects

02Conducting a professional design review of existing UI for Liquid Glass adoption opportunities

03Resolving legibility and contrast issues when using glass materials over media-rich backgrounds

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add charleswiltgen/axiom axiom-liquid-glass

For use in Claude.ai and ChatGPT

Download Skill