Use when implementing Liquid Glass effects, reviewing UI for Liquid Glass adoption, debugging visual artifacts, optimizing performance, or requesting expert review of Liquid Glass implementation - provides comprehensive design principles, API patterns, and troubleshooting guidance from WWDC 2025. Includes design review pressure handling and professional push-back frameworks
View on GitHubSelect agents to install to:
npx add-skill https://github.com/CharlesWiltgen/Axiom/blob/main/.claude-plugin/plugins/axiom/skills/axiom-liquid-glass/SKILL.md -a claude-code --skill axiom-liquid-glassInstallation paths:
.claude/skills/axiom-liquid-glass/# Liquid Glass — Apple's New Material Design System ## When to Use This Skill Use when: - Implementing Liquid Glass effects in your app - Reviewing existing UI for Liquid Glass adoption opportunities - Debugging visual artifacts with Liquid Glass materials - Optimizing Liquid Glass performance - **Requesting expert review of Liquid Glass implementation** - Understanding when to use Regular vs Clear variants - Troubleshooting tinting, legibility, or adaptive behavior issues #### Related Skills - Use `axiom-liquid-glass-ref` for comprehensive app-wide adoption guidance (app icons, controls, navigation, menus, windows, platform considerations) ## Example Prompts These are real questions developers ask that this skill is designed to answer: #### 1. "I just saw Liquid Glass in WWDC videos. How is it different from blur effects I've used before? Should I adopt it?" → The skill explains Liquid Glass as a lensing-based material (not blur), shows design philosophy, and when adoption makes sense #### 2. "I'm implementing Liquid Glass in my app but the lensing effect doesn't look quite right. It looks like a regular blur. What am I missing?" → The skill covers the visual properties (lensing vs motion vs environment), Regular vs Clear variants, and debugging visual artifacts #### 3. "Liquid Glass works great on iPhone but looks odd on iPad. Should I adjust the implementation differently for different screen sizes?" → The skill demonstrates adaptive Liquid Glass patterns and platform-specific guidance (iOS 26+, macOS Tahoe+, axiom-visionOS 3+) #### 4. "I need to use Liquid Glass but still need legible text on top. How do I ensure text contrast while using Liquid Glass?" → The skill covers tinting strategies, adaptive color choices, and opacity patterns for maintaining readability across light/dark modes #### 5. "We want to do a design review of our Liquid Glass implementation. What are the expert criteria for a good Liquid Glass implementation?" → The skill provides th