LaunchKit · 2026
Back to Skills

swiftui-liquid-glass

Implement, review, or improve SwiftUI features.

13
2.7k downloads
by @steipete

Setup & Installation

openclaw skills install @steipete/swiftui-liquid-glass

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install swiftui-liquid-glass

What This Skill Does

Covers implementing, reviewing, and improving SwiftUI features that use the iOS 26+ Liquid Glass API. Handles native APIs including `glassEffect`, `GlassEffectContainer`, and glass button styles. Includes availability gating with non-glass fallbacks for earlier iOS versions.

Using native `GlassEffectContainer` and `glassEffect` APIs avoids the visual inconsistency and performance overhead of custom blur or material layers.

When to use it

  • Adding glass surfaces to a new SwiftUI screen
  • Refactoring existing UI components to Liquid Glass
  • Reviewing glass modifier order and container placement
  • Implementing morphing transitions between view states
  • Adding iOS 26 availability guards with material fallbacks

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: Add Liquid Glass styling to my toolbar buttons

AGENT
  1. 1Identifies toolbar buttons as target components for glass treatment
  2. 2Wraps buttons in GlassEffectContainer with appropriate spacing
  3. 3Applies .buttonStyle(.glass) or .glassEffect(.regular.interactive()) to each button
  4. 4Gates the implementation with #available(iOS 26, *) and provides a .ultraThinMaterial fallback for earlier iOS versions
OUTPUT

SwiftUI code with glass-styled toolbar buttons inside a GlassEffectContainer, with an availability check and non-glass fallback for iOS 25 and earlier