LiquidGlassReference — Development skill for Claude Code
iOS 26 Liquid Glass: Ultimate Swift/SwiftUI Reference.
How to install LiquidGlassReference
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open conorluddy/LiquidGlassReference and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What LiquidGlassReference does
iOS 26 Liquid Glass: Ultimate Swift/SwiftUI Reference. This is really just a document I can point Claude at when I want to make glass. conor.fyi/writing/liquid-glass-reference
Alternatives in Development
- Create Handoff — You are tasked with writing a handoff document to hand off your work to another agent in a new session 10k ★
- SwiftUI Expert Skill — Modern SwiftUI best practices and iOS 26+ Liquid Glass adoption 2.3k ★
- Claude Code Everything You Need To Know — Ultimate all-in-one guide to mastering Claude Code 1.3k ★
README
iOS 26 Liquid Glass: Comprehensive Swift/SwiftUI Reference
https://conor.fyi/writing/liquid-glass-reference
Overview

iOS 26 Liquid Glass represents Apple's most significant design evolution since iOS 7, introduced at WWDC 2025 (June 9, 2025). **Liquid Glass is a translucent, dynamic material that reflects and refracts surrounding content while transforming to bring focus to user tasks**. This unified design language spans iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26, tvOS 26, and visionOS 26.
Liquid Glass features real-time light bending (lensing), specular highlights responding to device motion, adaptive shadows, and interactive behaviors. The material continuously adapts to background content, light conditions, and user interactions, creating depth and hierarchy between foreground controls and background content.
**Key Characteristics:**
- Lensing: Bends and concentrates light in real-time (vs. traditional blur that scatters light)
- Materialization: Elements appear by gradually modulating light bending
- Fluidity: Gel-like flexibility with instant touch responsiveness
- Morphing: Dynamic transformation between control states
- Adaptivity: Multi-layer composition adjusting to content, color scheme, and size
Part 1: Foundation \u0026 Basics
1.1 Core Concepts
**Design Philosophy** Liquid Glass is exclusively for the **navigation layer** that floats above app content. Never apply to content itself (lists, tables, media). This maintains clear visual hierarchy: content remains primary while controls provide functional overlay.
**Material Variants**
| Variant | Use Case | Transparency | Adaptivity |
|---|---|---|---|
.regular |
Default for most UI | Medium | Full - adapts to any content |
.clear |
Media-rich backgrounds | High | Limited - requires dimming la |
Related Skills
Apple Hig Designer Skill 2026
Claude Code skill for designing Apple HIG-compliant interfaces — iOS, macOS, watchOS, tvOS, visionOS, Liquid G
Pew
The ultimate starting point for doing anything in any project. Systematically discovers what you want to achie
Claude Code iOS Dev Guide
A comprehensive guide for setting up Claude Code CLI with PRD-driven workflows, extended thinking (ultrathink)
iOS New App
Scaffold a new iOS/SwiftUI app or SPM package/workspace with modern Swift 6.2 / iOS 26 defaults
Motion Pages
Claude Code skill for award-site motion pages — Three.js worlds, liquid-glass shaders, springy poster walls. S
Cluadex
Cluadex: a lightweight LCU for Claude Code only. Codex computer use as a plugin on macOS: two commands to inst
Related Agents
Apple UI Designer
Visual and theme redesigns in current Apple design language (macOS 27 / iOS 26+ Liquid Glass, vibrancy, system
iOS Reviewer
iOS code review specialist. Use proactively after writing or modifying iOS/Swift code. Reviews for SwiftUI bes
iOS Swift Master
Principal Apple platform engineer for Swift 6.4, SwiftUI and SwiftData (iOS 27, Xcode 27). Use for any Swift,