swiftui-liquid-glass

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

42|11|Updated Dec 26, 2025
One-click install
npx skills add https://github.com/petekp/claude-code-setup --skill swiftui-liquid-glass-petekp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/petekp/claude-code-setup/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/petekp/claude-code-setup --skill swiftui-liquid-glass-petekp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers implement, review, and improve SwiftUI user interfaces using the iOS 26+ Liquid Glass API, ensuring native look, feel, and performance.

Core Features & Use Cases

  • Native Implementation: Adopts the glassEffect, GlassEffectContainer, and glass button styles for modern iOS UIs.
  • Code Review: Verifies correctness, performance, and design alignment of Liquid Glass usage.
  • Refactoring: Updates existing UI elements to leverage Liquid Glass features.
  • Use Case: Refactor a card-based UI to use GlassEffectContainer and .glassEffect modifiers for a visually appealing, interactive frosted glass appearance.

Quick Start

Implement a new SwiftUI feature using the iOS 26+ Liquid Glass API.

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 the Liquid Glass API in SwiftUI for iOS 26?

Implement the Liquid Glass API in SwiftUI by adopting native modifiers like `.glassEffect` and grouping frosted glass UI elements within a `GlassEffectContainer` for an interactive, Apple-aligned design.

What is the best way to refactor existing SwiftUI views to use glassmorphism?

Refactoring existing SwiftUI views to use glassmorphism involves updating your card-based UI elements to leverage `GlassEffectContainer` and `.glassEffect` modifiers, replacing legacy blur effects with native iOS 26+ Liquid Glass components.

Does the iOS 26 Liquid Glass API support custom button styles in SwiftUI?

Yes, the iOS 26 Liquid Glass API supports custom button styles in SwiftUI, allowing you to apply native glass button styles to your UI elements for a visually appealing, interactive frosted glass appearance.

How do I review SwiftUI code for correct Liquid Glass API performance?

Reviewing SwiftUI code for Liquid Glass API performance requires verifying the correct usage of `glassEffect` and `GlassEffectContainer`, ensuring your interactive frosted glass UI remains performance-aware and consistent with Apple design guidance.

When should I use GlassEffectContainer instead of individual glassEffect modifiers?

You should use `GlassEffectContainer` instead of individual `.glassEffect` modifiers when refactoring card-based UIs, as it groups multiple glass elements to ensure visually appealing, consistent, and performance-aware interactions.