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.