swiftui-macos-liquid-glass
CommunityImplement native Liquid Glass UIs for macOS 26 SwiftUI apps.
AuthorLaughingJackalope
Version1.0.0
Installs0
System Documentation
What problem does it solve?
macOS 26 introduces the new system-wide Liquid Glass design language, replacing legacy frosted vibrancy with adaptive, refractive glass surfaces. Many developers struggle to implement this correctly in SwiftUI, leading to visual inconsistencies, poor performance, accessibility failures, and incorrect AppKit interop.
Core Features & Use Cases
- Native SwiftUI glassEffect and GlassEffectContainer APIs for unified, cohesive glass surfaces
- NSVisualEffectView bridging for legacy AppKit vibrancy materials not exposed in SwiftUI
- Pre-built patterns for glass toolbars, translucent sidebars, floating inspector panels, and title bar blending
- Guardrails for dark mode adaptation, accessibility contrast, performance optimization, and backward compatibility for older macOS versions
- Use Case: For a macOS 26 note-taking app, use this skill to add a translucent glass sidebar with adaptive text contrast, a unified glass toolbar with grouped action buttons, and a floating inspector panel with custom vibrancy.
Quick Start
Use the swiftui-macos-liquid-glass skill to add a translucent glass sidebar and unified glass toolbar buttons to your macOS 26 SwiftUI app.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: swiftui-macos-liquid-glass Download link: https://github.com/LaughingJackalope/macos-skills/archive/main.zip#swiftui-macos-liquid-glass Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.