# Liquid Glass

Implement Liquid Glass design using .glassEffect() API for iOS/macOS 26+.

- Repository: https://github.com/rshankras/claude-code-apple-skills (846 stars)
- Category: Design
- License: MIT
- Last updated: 2026-07-24
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add rshankras/claude-code-apple-skills --skill liquid-glass -g -a claude-code -y`
Codex: `npx skills add rshankras/claude-code-apple-skills --skill liquid-glass -g -a codex -y`
Cursor: `npx skills add rshankras/claude-code-apple-skills --skill liquid-glass -g -a cursor -y`
Gemini CLI: `npx skills add rshankras/claude-code-apple-skills --skill liquid-glass -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add rshankras/claude-code-apple-skills`

## Description

Implement Liquid Glass design using .glassEffect() API for iOS/macOS 26+. Covers SwiftUI, AppKit, UIKit, and WidgetKit. Use when creating modern glass-based UI effects.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Liquid Glass Design

Implement Apple's Liquid Glass design language across all Apple UI frameworks. Covers SwiftUI (`.glassEffect()`), AppKit (`NSGlassEffectView`), UIKit (`UIGlassEffect` + `UIVisualEffectView`), and WidgetKit (rendering modes, accented content, glass elements in widgets).

## When This Skill Activates

- User wants glass/blur effects on views
- User asks about Liquid Glass or modern Apple design
- User needs transparent, interactive UI elements
- User wants morphing transitions between views
- User is implementing glass effects in UIKit with `UIVisualEffectView`
- User needs `UIGlassEffect` or `UIGlassContainerEffect`
- User asks about scroll view edge effects in UIKit
- User wants Liquid Glass in widgets (WidgetKit)
- User needs to support accented rendering mode in widgets
- User asks about widget textures or mounting styles on visionOS

## Design Rules (WWDC25)

Liquid Glass is the material of the **navigation layer**, bars, toolbars, floating controls, never the content layer (tables, lists, rows in a scroll view).

The rest: https://github.com/rshankras/claude-code-apple-skills/blob/HEAD/skills/design/liquid-glass/SKILL.md