liquid-glass-ios
Apple's Liquid Glass design system for iOS 26+ and iPadOS 26+. Use when building iOS 26+ UI with glassEffect, implementing GlassEffectContainer, working with glass morphing transitions, or migrating from UIKit to SwiftUI glass APIs.
76
Quality
64%
Does it follow best practices?
Impact
99%
1.54xAverage score across 3 eval scenarios
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/design/liquid-glass-ios/SKILL.mdEvaluation results
97%
20%Photo Browsing App Navigation
Glass variants, availability, and tinting
Availability guard present
100%
100%
Fallback for older iOS
62%
62%
Glass on navigation only
100%
100%
Regular variant for nav bar
100%
100%
Clear variant for video overlay
0%
100%
Interactive modifier on buttons
0%
100%
Primary action tinted only
100%
100%
Semantic tint color
100%
100%
No glass on content
100%
100%
Nav availability for video
100%
100%
Secondary buttons un-tinted
100%
100%
Without context: $0.2571 · 1m 20s · 12 turns · 19 in / 4,763 out tokens
With context: $0.5912 · 2m 9s · 16 turns · 19 in / 7,925 out tokens
100%
62%Document Editor Toolbar
GlassEffectContainer and morphing transitions
GlassEffectContainer used
100%
100%
GlassEffectContainer spacing
0%
100%
Glass on container not children
0%
100%
@Namespace declared
100%
100%
glassEffectID assigned to Link button
0%
100%
Same ID for morph transition
0%
100%
No simultaneous over-morph
100%
100%
No glass in scroll/list rows
100%
100%
Availability guard
0%
100%
glassEffectID on all toolbar items
0%
100%
Without context: $0.4056 · 2m 15s · 15 turns · 22 in / 7,473 out tokens
With context: $0.7323 · 3m 10s · 19 turns · 21 in / 11,505 out tokens
100%
22%Social App Profile Screen Migration
UIKit glass integration and accessibility labels
configureWithGlassEffect() used
0%
100%
UINavigationBarAppearance assigned
100%
100%
UIKit availability guard
100%
100%
No UIViewRepresentable glass wrap
100%
100%
SwiftUI native glass in toolbar
100%
100%
accessibilityLabel on Share button
100%
100%
accessibilityLabel on Bookmark button
100%
100%
accessibilityLabel on Report button
100%
100%
No manual a11y override
100%
100%
NOTES.md correct guidance
100%
100%
GlassEffectContainer for toolbar
0%
100%
Without context: $0.3929 · 1m 55s · 20 turns · 27 in / 6,442 out tokens
With context: $0.5835 · 1m 15s · 22 turns · 27 in / 4,451 out tokens
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.