skills.rest
VCasecnikovs
VCasecnikovsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

swiftui-glass

Generate SwiftUI code implementing Apple's Liquid Glass design for iOS 26+ apps.

Updated Aug 27, 2026
Search Tags:#navigation#ui-design#swiftui#liquid-glass#morphing#glass-effect#iphone
One-click install
npx skills add https://github.com/VCasecnikovs/klava --skill swiftui-glass
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-glass
Source: https://github.com/VCasecnikovs/klava/tree/main/.claude/skills/swiftui-glass
Command: npx skills add https://github.com/VCasecnikovs/klava --skill swiftui-glass

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates SwiftUI code that implements Apple's Liquid Glass design across iOS 26+ apps, enabling glass-like UI elements, translucency, and dynamic lensing in modern interfaces.

Core Features & Use Cases

  • Create glass-enabled views with glassEffect and GlassEffectContainer for efficient sampling and morphing.
  • Build navigation overlays, translucent panels, and elevated UI components consistent with the Liquid Glass design language.
  • Provide backward-compatible fallbacks for pre-iOS 26 using the legacy material system when needed.

Quick Start

Create a SwiftUI view that uses Liquid Glass styling on a simple card.

Frequently Asked Questions about swiftui-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Liquid Glass UI in SwiftUI for iOS 26?▼

To implement Liquid Glass UI, generate SwiftUI code utilizing glassEffect modifiers and GlassEffectContainer for shared sampling, translucent panels, and dynamic morphing within your iOS apps.

What is GlassEffectContainer used for in SwiftUI liquid glass design?▼

GlassEffectContainer groups glass-enabled views in SwiftUI to enable efficient sampling, morphing, and consistent translucent effects across overlapping UI elements.

Can I use liquid glass effects on older iOS versions before iOS 26?▼

Yes, you can support older iOS versions by implementing a backward-compatible wrapper that falls back to the legacy material system for pre-iOS 26 environments.

How do I build translucent navigation overlays with SwiftUI?▼

Build translucent navigation overlays in SwiftUI by applying liquid glass styling to elevated UI components, while ensuring proper hit-testing and accessibility practices are included.

Does liquid glass UI design support accessibility and hit-testing?▼

Yes, liquid glass UI design supports accessibility and hit-testing by generating SwiftUI code that maintains interaction integrity for translucent and morphing UI elements.

When should I use glassEffect in my SwiftUI iPhone apps?▼

Use glassEffect in SwiftUI iPhone apps when creating glass-enabled views like translucent panels and navigation overlays that require dynamic lensing and efficient sampling.

Related Skills

Explore More Design & Creative Skills→
Roy-wonjiRoy-wonji

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass UI with iOS 26+ APIs.

Community
Intermediate
neogenzneogenz
4

mobile-ios-design

Design iOS interfaces with SwiftUI following Apple's Human Interface Guidelines.

Community
Basic
heyAyushhheyAyushh
3

swiftui-liquid-glass

Implement and validate Liquid Glass SwiftUI interfaces with iOS 26 availability gating.

Community
Basic
sehoon787sehoon787
16

liquid-glass-design

Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.

Community
Advanced