liquid-glass-ref

Plan Liquid Glass adoption and audit app interfaces for compatibility.

1.1k|81|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/CharlesWiltgen/Axiom --skill liquid-glass-ref
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-ref
Source: https://github.com/CharlesWiltgen/Axiom/tree/main/.claude-plugin/plugins/axiom/skills/liquid-glass-ref
Command: npx skills add https://github.com/CharlesWiltgen/Axiom --skill liquid-glass-ref

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reference and auditing guide for adopting Liquid Glass design across apps, with considerations for accessibility and platform-specific behavior.

Core Features & Use Cases

  • Planning Liquid Glass adoption across UI layers
  • Auditing compatibility and platform-specific behavior
  • Accessibility and testing considerations for Liquid Glass interfaces

Quick Start

Prompt: "Audit my app for Liquid Glass readiness and suggest top changes."

Frequently Asked Questions about liquid-glass-ref

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I plan Liquid Glass adoption across my app's UI?

Liquid Glass adoption planning involves scoping which UI layers will use the frosted glass effect, auditing existing interfaces for compatibility with the latest platform SDKs, and identifying required app icon updates. Start by assessing your current design system against iOS, iPadOS, macOS, tvOS, and watchOS platform-specific Liquid Glass behavior to determine rollout priorities.

What accessibility settings does Liquid Glass need to support?

Liquid Glass interfaces must validate against Reduce Transparency, Increase Contrast, and Reduce Motion accessibility settings. Test that your glass layers remain readable and functional when users enable these settings, and avoid custom backgrounds that break the effect or compromise contrast ratios required for accessibility compliance.

How do I audit my app for Liquid Glass compatibility?

Audit compatibility by running your app on the latest platform releases with current Xcode SDKs, testing standard components to ensure they render correctly with Liquid Glass, and checking for custom backgrounds or effects that conflict with the frosted glass appearance. Validate across all target platforms—iOS, iPadOS, macOS, tvOS, and watchOS—since behavior varies by platform.

What are the platform-specific differences in Liquid Glass behavior I should know?

Liquid Glass rendering, transparency levels, and interaction behavior differ across iOS, iPadOS, macOS, tvOS, and watchOS. Each platform has distinct visual characteristics and performance considerations; test your implementation on each target platform using the latest SDKs to ensure consistent user experience and identify platform-specific adjustments needed for icon updates or component styling.

Can I use custom backgrounds with Liquid Glass effects?

Custom backgrounds often break Liquid Glass effects and compromise the intended frosted glass aesthetic. Avoid layering custom backgrounds behind glass components; instead, use platform-provided blur and transparency mechanisms that Liquid Glass is designed to work with, ensuring both visual fidelity and accessibility compliance.

What's required before implementing Liquid Glass in production?

Before production implementation, ensure you're using the latest Xcode SDKs and running on the latest platform releases. Complete a full compatibility audit of standard components, test all accessibility settings, plan app icon updates for each platform, and validate that your implementation handles platform-specific Liquid Glass behavior correctly across all target platforms.