Ios Liquid Glass

A comprehensive reference for Apple's Liquid Glass design system in iOS 26+, covering the full glassEffect API with variants (regular, clear, identity), morphing transitions, and navigation patterns. The skill is opinionated about what makes iOS interfaces feel genuinely designed rather than AI-generated, calling out common anti-patterns like purple gradients on white and glass effects slapped on everything. You get concrete SwiftUI code for floating tab bars, interactive glass modifiers, and GlassEffectContainer usage. The typography and color sections are practical but cut off mid-sentence in the source. Best used when you're building new iOS screens and want to avoid the generic look while staying true to Apple's design language.

skills.sh installs: 261
GitHub stars: 248
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add vabole/apple-skills --skill ios-liquid-glass --agent claude-code

Installs into .claude/skills of the current project.

Files

iOS Liquid Glass Reference

API reference for the Liquid Glass design system (iOS 26+): glass effects, containers, morphing transitions, and related system behaviors. This documents what the system provides — design direction is yours.

When to Use

Implementing glass materials, glassEffect modifiers, or GlassEffectContainer
Navigation surfaces that use system glass (tabs, toolbars, sheets)
Checking how glass adapts to accessibility settings
Creating app icons with Icon Composer

Apple's Stated Design Principles

Apple describes Liquid Glass with three principles (reference, not a mandate):

Principle	Description
Hierarchy	Controls float above content. Glass frames content rather than obscuring it.
Harmony	Software design aligns with hardware — concentric corners, fluid gestures.
Consistency	Adapts across iPhone, iPad, Mac — same identity, contextual expression.

One functional constraint worth knowing: glass is designed for the navigation/control layer. Applying it to content surfaces defeats its sampling model (see containers below).