skills.rest
CharlesWiltgen
CharlesWiltgenCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass

Implement Liquid Glass visual effects with SwiftUI glassEffect across Apple platforms.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guidance on implementing Liquid Glass effects, reviewing adoption, debugging visuals, and optimizing performance with WWDC 2025 guidance.

Core Features & Use Cases

  • Design principles for lensing-based Liquid Glass.
  • Regular vs Clear variants and adaptive behavior.
  • Troubleshooting tinting, legibility, and platform-wide adoption.

Quick Start

Experiment with a Liquid Glass panel in a toolbar to observe lensing effects.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema
How do I implement Liquid Glass visual effects in SwiftUI?▼

Liquid Glass effects in SwiftUI use the glassEffect modifier to create frosted, lensing-based visuals. Apply glassEffect to views on iOS 26+, iPadOS 26+, macOS Tahoe+, and visionOS 3+ to achieve the adaptive tinting and light manipulation that Liquid Glass provides.

What's the difference between Regular and Clear variants in Liquid Glass?▼

Liquid Glass offers Regular and Clear variants that behave differently under adaptive tinting. Regular prioritizes legibility with background tinting, while Clear maximizes transparency; choose based on your content layer and contrast requirements.

Can I use Liquid Glass design patterns across iOS, iPadOS, macOS, and visionOS?▼

Yes, Liquid Glass is cross-platform compatible on iOS 26+, iPadOS 26+, macOS Tahoe+, and visionOS 3+. The Skill covers backward compatibility guidance and platform-specific adoption patterns to ensure consistent implementation.

Why does my Liquid Glass effect look blurry or have tinting artifacts?▼

Tinting and visual artifacts in Liquid Glass stem from incorrect variant selection or adaptive behavior misconfiguration. Debugging guidance covers legibility settings, lensing parameter tuning, and adaptive tinting adjustments for your platform.

How do I optimize Liquid Glass performance in my application?▼

Liquid Glass performance optimization involves managing glassEffect rendering, minimizing lensing recalculation, and tuning adaptive tinting thresholds. The Skill includes WWDC 2025 guidance on efficient implementation across platforms.

What design principles should guide my Liquid Glass implementation?▼

Liquid Glass design principles center on lensing-based light manipulation and adaptive behavior for readability. The Skill covers design reviews and use-case validation to ensure your implementation aligns with platform conventions.

Related Skills

Explore More Design & Creative Skills→
coco-researchcoco-research
264

axiom-liquid-glass

Design and review Apple Liquid Glass interfaces for SwiftUI apps across Apple platforms.

Community
Advanced
its-Basudebaits-Basudeba
1

liquid-glass-design

Implement iOS 26 Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
PicoMLXPicoMLX

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Official
Intermediate
fusenginefusengine
22

glassmorphism-advanced

Generate glassmorphism UI elements with Tailwind CSS blur, opacity, and borders.

Community
Intermediate