← ClaudeAtlas

liquid-glasslisted

Build iOS 26+ SwiftUI interfaces with Apple's Liquid Glass design language. Use when writing SwiftUI for iOS 26 / iPadOS 26 / macOS Tahoe (26) / watchOS 26 / tvOS 26 / visionOS 26, when the user mentions Liquid Glass, `.glassEffect`, `GlassEffectContainer`, iOS 26 design, glass material, glass button, or asks to redesign / modernize a SwiftUI screen to the new system look.
heyparsadev/liquid-glass-skill · ★ 3 · Web & Frontend · score 64
Install: claude install-skill heyparsadev/liquid-glass-skill
# Liquid Glass — iOS 26 SwiftUI Skill This skill teaches Claude how to design and implement UIs using Apple's **Liquid Glass** material system introduced with iOS 26 / Xcode 26 (WWDC25). It covers the full SwiftUI API surface, HIG principles, design tokens, motion, accessibility, performance, anti-patterns, and a library of full-screen examples. > **Scope.** SwiftUI only. iOS 26+ only. No legacy `Material` fallbacks — code stays clean and idiomatic. --- ## When to activate Load this skill **automatically** when any of these are true: - Editing a `.swift` file in a project with `IPHONEOS_DEPLOYMENT_TARGET >= 26.0` - The user mentions: *liquid glass*, *iOS 26*, *iPadOS 26*, *macOS Tahoe*, *glass effect*, *glassEffect*, *GlassEffectContainer*, *glass button*, *.glassProminent*, *tab bar minimize*, *glass material* - The user asks to "redesign", "modernize", "make it look like iOS 26", or "use the new Apple design" - The user is implementing nav bars, tab bars, toolbars, sheets, or floating controls that should feel native to iOS 26 --- ## What this skill provides 1. **API reference** for every Liquid Glass SwiftUI symbol with exact signatures → `references/01-api-reference.md` 2. **HIG principles** distilled to actionable rules → `references/02-hig-principles.md` 3. **Design tokens** (spacing, radius, tint conventions) → `references/03-design-tokens.md` 4. **Motion & interaction** patterns for morphing and interactive glass → `references/04-motion-and-interaction.md` 5.