Agent skill
liquid-glass-ios
Apple's Liquid Glass design system for iOS 26+ and iPadOS 26+. Use when: (1) building iOS 26+ UI with glassEffect, (2) implementing GlassEffectContainer for multiple elements, (3) working with glass morphing transitions, (4) integrating glass effects in navigation layers, (5) ensuring glass effect accessibility, (6) migrating from UIKit to SwiftUI glass APIs.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/liquid-glass-ios
SKILL.md
Liquid Glass Design for iOS
Implementation patterns for Apple's Liquid Glass design system in iOS 26+ and iPadOS 26+, covering SwiftUI glassEffect APIs and UIKit NSGlassEffectView integration.
References
See references/liquid-glass.md for comprehensive guidance organized by:
- Platform & Availability - iOS 26+ version checking and fallbacks
- Navigation & UI Layer - Proper layer placement for glass effects
- Variants & Styling - Glass variants (regular, thin, clear) and color usage
- Container & Multi-Element Management - GlassEffectContainer patterns and spacing
- Morphing & Animations - Transition effects and identity management
- Performance & Limits - Element constraints and optimization
- Accessibility - VoiceOver and reduced transparency support
- UIKit Integration - NSGlassEffectView patterns
- Framework Interoperability - SwiftUI and UIKit mixing constraints
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?