skills.rest
bluewaves-creations
bluewaves-creationsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implement Liquid Glass SwiftUI interfaces with glass effects and morphing containers.

Updated Aug 23, 2026
Search Tags:#accessibility#swiftui#design-system#liquid-glass#glass#glass-effect
One-click install
npx skills add https://github.com/bluewaves-creations/bluewaves-skills --skill liquid-glass-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/bluewaves-creations/bluewaves-skills/tree/main/plugins/swift-apple-dev/skills/liquid-glass-design
Command: npx skills add https://github.com/bluewaves-creations/bluewaves-skills --skill liquid-glass-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers implement the Liquid Glass design system across iOS 26 and macOS Tahoe, enabling a modern translucent UI and a unified design language for navigation, controls, and content layering.

Core Features & Use Cases

  • SwiftUI Glass API coverage: glassEffect, GlassEffectContainer, and related modifiers for consistent translucent UI.
  • Variant support and morphing: Regular, Clear, and Identity variants with smooth transitions and shared container behavior.
  • Accessibility and integration: Guidelines for applying glass in toolbars, navigation bars, and adaptive layouts across iOS 26/macOS Tahoe.

Quick Start

Create a simple Glass button in SwiftUI: Button("Action") { } .buttonStyle(.glass) to see the liquid glass effect; then try a GlassEffectContainer to morph multiple elements together.

Frequently Asked Questions about liquid-glass-design

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

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

You can implement Liquid Glass effects in SwiftUI using the glassEffect modifier and GlassEffectContainer to create consistent translucent UI elements across iOS 26 and macOS Tahoe.

What is the GlassEffectContainer used for in SwiftUI?▼

The GlassEffectContainer is used to group multiple SwiftUI glass elements together, enabling smooth morphing transitions and shared container behavior for a unified translucent interface.

Does the SwiftUI Glass API support accessibility for translucent navigation bars?▼

Yes, the Liquid Glass design system includes specific accessibility considerations and guidelines for applying glass effects to toolbars and adaptive navigation bars in iOS 26 and macOS Tahoe.

How do I create a basic glass button in SwiftUI?▼

To create a glass button in SwiftUI, apply the .buttonStyle(.glass) modifier to a standard Button element, instantly rendering it with the liquid glass effect.

What glass variants are available for morphing containers in SwiftUI?▼

The SwiftUI Glass API supports Regular, Clear, and Identity variants, allowing developers to apply different levels of translucency and smooth morphing transitions between interface elements.

Can I use the Liquid Glass design system on macOS Tahoe?▼

Yes, the Liquid Glass design system and its corresponding SwiftUI Glass API are built to support both iOS 26 and macOS Tahoe for unified translucent interfaces.

Related Skills

Explore More Design & Creative Skills→
kmshdevkmshdev
1

swiftui-components

Create reusable SwiftUI components and Liquid Glass patterns for macOS Tahoe and iOS 26 projects.

Community
Intermediate
yashpalsince2004yashpalsince2004

swiftui-liquid-glass

Apply SwiftUI Liquid Glass effects to custom iOS 26+ views.

Community
Advanced
petekppetekp
5

macos-app-design

Guide SwiftUI and AppKit macOS app design with system integration planning.

Community
Advanced
vinitgirdharvinitgirdhar

liquid-glass-design

Implement cross-framework Liquid Glass UI for iOS 26 apps.

Community
Advanced