Liquid Glass

This one's for building SwiftUI apps that actually look native to macOS and iOS. It enforces Apple's Liquid Glass design system with the core rule that glass effects belong on navigation and controls only, never on content itself. You get patterns for cards, rows, badges, and buttons with proper materials and the new glassEffect API, plus strict adherence to HIG spacing (8pt grid), typography (11pt minimum), and the 44pt hit target rule. The three-layer model and continuous corner radius requirements are baked in. If you're tired of SwiftUI apps that feel like web views wrapped in a window frame, this keeps you honest with Apple's actual design language.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 336
GitHub stars: 15
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add casper-studios/casper-marketplace --skill liquid-glass --agent claude-code

Installs into .claude/skills of the current project.

Files

Liquid Glass Design

Build native macOS/iOS applications with Apple's Liquid Glass design and HIG.

Core Rules

Three-Layer Model

┌─────────────────────────────────────────┐
│     GLASS LAYER (Navigation/Controls)   │  ← Glass here ONLY
├─────────────────────────────────────────┤
│         CONTENT LAYER (Your App)        │  ← Never glass here
└─────────────────────────────────────────┘

Glass is ONLY for navigation floating above content. Never on content itself.

Five Principles

Content First - Glass floats above, content shines through
Depth Through Light - Lensing creates hierarchy, not opacity
Adaptive Tinting - Colors respond to background dynamically
Semantic Emphasis - Tint primary actions only
Accessibility Built-In - System handles adaptations automatically

Materials (macOS 14+ / Pre-iOS 26)

// Card with material
.padding(24)
.background(.regularMaterial, in: RoundedRectangle(cornerRadius: 16, style: .continuous))

// Material options (lightest → heaviest):
// .ultraThinMaterial, .thinMaterial, .regularMaterial (default), .thickMaterial, .ultraThickMaterial

SKILL.md on GitHub