skills.rest
mjamore
mjamoreCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

swiftui-liquid-glass

Implement and review Liquid Glass effects in iOS 26+ SwiftUI views.

Updated Jan 23, 2026
Search Tags:#ui-design#swiftui#code-review#liquid-glass#glass-effect#ios26
One-click install
npx skills add https://github.com/mjamore/ticked-off --skill swiftui-liquid-glass-mjamore
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/mjamore/ticked-off/tree/main/.agents/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/mjamore/ticked-off --skill swiftui-liquid-glass-mjamore

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps iOS developers implement, review, and refactor SwiftUI components to adopt the iOS 26+ Liquid Glass API correctly, preventing visual inconsistencies, interaction surprises, and performance regressions while ensuring graceful fallbacks for earlier OS versions.

Core Features & Use Cases

  • Guided Reviews: Inspect modifier order, availability checks, container placement, interactivity, and morphing transitions for correctness and consistency.
  • Refactor Patterns: Convert surfaces, chips, buttons, and cards to native glassEffect usage, wrap grouped elements in GlassEffectContainer, and apply glass button styles where appropriate.
  • New Implementations: Design glass surfaces, choose shapes and prominence, add .interactive() for touchable elements, and use glassEffectID with @Namespace for morphing transitions.
  • Real-world Use Cases: Create glass-styled badges, prominent action buttons, grouped icon panels, or extend backgrounds under sidebars while providing non-glass fallbacks for older iOS versions.

Quick Start

Use the swiftui-liquid-glass skill to review a SwiftUI view and propose iOS 26+ Liquid Glass refactors with availability-gated fallbacks.

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 effects in SwiftUI for iOS 26?▼

Implement Liquid Glass in SwiftUI by applying native glassEffect modifiers to surfaces, chips, buttons, and cards, ensuring correct modifier order and using GlassEffectContainer for grouped elements to maintain native appearance and behavior.

What is the correct modifier order for SwiftUI glassEffect components?▼

Correct modifier order for SwiftUI glassEffect components is critical to prevent visual inconsistencies and interaction surprises, ensuring proper placement of availability checks, container grouping, interactivity, and morphing transitions during view composition.

How do I add Liquid Glass fallbacks for older iOS versions?▼

Add Liquid Glass fallbacks for older iOS versions by applying availability-gated patterns, allowing SwiftUI views to conditionally adopt iOS 26+ glassEffect APIs while providing non-glass backgrounds for prior OS deployments.

Can I use glassEffectID for morphing transitions in SwiftUI?▼

Yes, you can use glassEffectID with @Namespace to create morphing transitions between SwiftUI Liquid Glass elements, enabling smooth interactive transformations when users navigate or trigger state changes across grouped glass containers.

Why does my SwiftUI Liquid Glass view have performance regressions?▼

SwiftUI Liquid Glass performance regressions often occur when modifier order is incorrect, GlassEffectContainer grouping is misconfigured, or interactive behaviors are applied improperly, causing unnecessary rendering cycles during view updates.

Related Skills

Explore More Software Engineering Skills→
PicoMLXPicoMLX

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Official
Intermediate
cemegecemege

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Community
Intermediate
onymchatonymchat

swiftui-liquid-glass

Implement Liquid Glass effects in SwiftUI for iOS 26+.

Official
Advanced
dpearson2699dpearson2699
981

swiftui-liquid-glass

Implements and reviews SwiftUI Liquid Glass effects for iOS 26+.

Community
Intermediate