Liquid Glass Skills — AI skill for Claude Code

Liquid Glass Skills

[](https://skills.sh/SohrabZ/liquid-glass-skills) [](LICENSE)

AI coding agent skills for building **iOS 26 Liquid Glass** UIs with SwiftUI and UIKit.

npx skills add SohrabZ/liquid-glass-skills

These skills are designed for [Claude Code](https://docs.anthropic.com/en/docs/claude-code), [OpenCode](https://opencode.ai), [Cursor](https://cursor.sh), and any AI coding agent that supports skills. They encode Apple's WWDC 2025 Liquid Glass material into ready-to-apply patterns -- the kind of thing that's new, spread across WWDC sessions and docs, and easy to get subtly wrong.

Skills

`liquid-glass-foundations/` -- Core Material & Mental Model

The starting point. The one rule that governs everything (glass is the navigation layer, never content), the three material variants (`.regular` / `.clear` / `.identity`), the `.glassEffect()` modifier, tinting and `.interactive()`, custom shapes, glass on text and icons, and automatic accessibility. Load this proactively on any iOS 26 glass project.

`liquid-glass-best-practices/` -- When & How to Use Glass

When to reach for glass vs traditional UI, the design principles (hierarchy, contrast, tinting, morphing), an accessibility checklist, the anti-patterns to avoid, and a device/environment/performance testing plan before you ship.

`liquid-glass-controls/` -- Glass on Standard Components

Apply glass to the components you already use: button styles (`.glass` / `.glassProminent`), toolbars (`ToolbarSpacer`, badges, `sharedBackgroundVisibility`), `TabView` (search tab role, minimize behavior, bottom accessory), sheets and presentation morphing, `NavigationSplitView` floating sidebars, and `.searchable`.

`liquid-glass-containers/` -- Combine, Group & Morph

The rule that glass can't sample other glass, and the APIs that fix it: `GlassEffectContaine