← ClaudeAtlas

axiom-liquid-glasslisted

Apple Liquid Glass design system — comprehensive design philosophy, implementation guide, and technical API reference from WWDC 2025. Covers design principles (iOS-native glass hierarchy, restraint over spectacle), implementation patterns (Regular vs Clear variants, SwiftUI glassEffect API, scroll edge effects, tinting), platform adaptation (iOS 26+, iPadOS 26+, macOS Tahoe+, visionOS 3+), accessibility, performance, testing, design review frameworks, and iOS-native UI redesign guidance.
rkz91/coco · ★ 3 · AI & Automation · score 75
Install: claude install-skill rkz91/coco
# Liquid Glass — Apple's Design System ## When to Use This Skill - Implementing Liquid Glass effects in your app - Reviewing existing UI for Liquid Glass adoption opportunities - Debugging visual artifacts with Liquid Glass materials - Optimizing Liquid Glass performance - Requesting expert review of Liquid Glass implementation - Redesigning a mobile app UI to feel iOS-native with glass materials - Understanding Regular vs Clear variants, tinting, legibility - Conducting design reviews with professional push-back frameworks --- ## Part 1: Design Philosophy ### Core Principles - **Native over custom** — Use system components and patterns first - **Restraint over spectacle** — Glass is a tool for hierarchy, not decoration - **Material is functional, not decorative** — Improves clarity and depth - **"Feels obvious" rather than "looks fancy"** — Calm, confident, inevitable - **Glass complements content** — Lets content shine through Avoid trendy glassmorphism gimmicks. Glass effects should appear only where they improve clarity and depth. Every screen should feel like it belongs in a first-party Apple app. ### What is Liquid Glass? Liquid Glass is Apple's next-generation material design system introduced at WWDC 2025. It represents a significant evolution from previous materials (Aqua, iOS 7 blurs, Dynamic Island) by creating a new digital meta-material that: - **Dynamically bends and shapes light** (lensing) rather than scattering it - **Moves organically** like a ligh