swiftui-liquid-glass

Name: swiftui-liquid-glass
Availability: InStock
Author: namuan

Implement and review SwiftUI Liquid Glass UI with iOS 26 availability checks.

4|Updated Dec 11, 2022

Search Tags:#performance #accessibility #ui-design #swiftui #liquid-glass #glass-effect #ios26

Ready to run

npx skills add https://github.com/namuan/namuan --skill swiftui-liquid-glass-namuan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/namuan/namuan/tree/main/agents/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/namuan/namuan --skill swiftui-liquid-glass-namuan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The SwiftUI Liquid Glass skill helps developers implement, review, or improve UI components using the iOS 26+ Liquid Glass API, ensuring correct usage, accessibility, and performance.

Core Features & Use Cases

Review existing views to verify proper GlassEffectContainer usage, available API checks, and correct modifier order.
Implement new SwiftUI features that use Liquid Glass for surfaces, cards, and interactive elements with consistent shapes and transitions.
Refactor legacy UI to replace custom blur work with native Liquid Glass APIs, while providing fallbacks for earlier iOS versions.

Quick Start

Ask me to implement or review a SwiftUI view using iOS 26+ Liquid Glass with proper availability checks and GlassEffectContainer usage.

Frequently Asked Questions about swiftui-liquid-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 review existing SwiftUI views for Liquid Glass, verify proper GlassEffectContainer usage, check that available API checks are correctly implemented, and ensure the correct modifier order for optimal performance and accessibility.

What is the best way to group multiple glass effects in SwiftUI?▼

To refactor legacy custom blur UI to native Liquid Glass APIs, replace custom blur work with native glass effects. Apply proper availability gating with #available(iOS 26, *) and provide fallbacks to ensure compatibility with earlier iOS versions.

How do I handle availability checks when applying glass effects in SwiftUI?▼

Yes, you can use Liquid Glass for interactive elements by defining target elements and applying glass effects within a GlassEffectContainer. This ensures consistent shapes, proper transitions, and maintained performance for interactive UI components.

Why does my SwiftUI glass effect have inconsistent shapes and transitions?▼

When using Liquid Glass APIs, you should verify proper GlassEffectContainer usage, ensure correct modifier order, and validate that availability checks are in place. This guarantees the glass effects perform correctly and maintain accessibility standards.

Can I replace custom blur work with native Liquid Glass APIs in SwiftUI?▼

To ensure accessibility when using Liquid Glass in SwiftUI, verify proper GlassEffectContainer usage and correct modifier order. The iOS 26+ API requires defining target elements correctly to maintain accessibility and performance standards.

When should I provide fallbacks for Liquid Glass in SwiftUI?▼

You should provide fallbacks for Liquid Glass whenever targeting iOS versions earlier than 26. Gate the glass effect modifiers using #available(iOS 26, *) and implement alternative UI components to ensure application stability across all supported versions.