skills.rest
wang93wei
wang93weiCOMMUNITY
Explore all skills by this author →
GitHub

axiom-liquid-glass

Implement Apple's Liquid Glass material design with SwiftUI modifiers.

34|1|Updated Dec 20, 2025
Search Tags:#performance#accessibility#design system#swiftui#ui development#liquid glass#apple design
One-click install
npx skills add https://github.com/wang93wei/SwiftMTP --skill axiom-liquid-glass-wang93wei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: axiom-liquid-glass
Source: https://github.com/wang93wei/SwiftMTP/tree/main/.iflow/skills/axiom-liquid-glass
Command: npx skills add https://github.com/wang93wei/SwiftMTP --skill axiom-liquid-glass-wang93wei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and troubleshooting for implementing Apple's new Liquid Glass material design system, ensuring visually appealing, performant, and accessible user interfaces across all platforms.

Core Features & Use Cases

  • Implementation Guidance: Learn how to use SwiftUI modifiers and understand the core principles of Liquid Glass (lensing, motion, adaptation).
  • Variant Selection: Differentiate between Regular and Clear variants and know when to use each.
  • Troubleshooting & Optimization: Address visual artifacts, performance issues, and accessibility concerns.
  • Use Case: A designer wants to implement a new navigation bar using Liquid Glass. They can use this Skill to understand the .glassEffect() modifier, ensure proper tinting, and verify legibility across different backgrounds and accessibility settings.

Quick Start

Use the axiom-liquid-glass skill to implement a basic Liquid Glass effect on a SwiftUI Text view.

Frequently Asked Questions about axiom-liquid-glass

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

FAQPage Schema
How do I implement Apple's Liquid Glass material in SwiftUI?▼

To implement Liquid Glass in SwiftUI, you use the `.glassEffect()` modifier and understand core principles like lensing, motion, and adaptation. This Skill guides you through applying these visual properties to create modern interfaces.

What is the difference between Regular and Clear Liquid Glass variants?▼

Regular and Clear Liquid Glass variants differ in their visual properties and use cases. This Skill provides variant selection guidance to help you differentiate between them and know exactly when to use each in your UI development.

Why does my Liquid Glass effect have visual artifacts and performance issues?▼

Liquid Glass visual artifacts and performance issues occur due to improper layering or API usage. This Skill helps you troubleshoot these artifacts, optimize overall performance, and address accessibility concerns across iOS, iPadOS, macOS, and visionOS.

Do I need to understand SwiftUI and Apple design principles to use Liquid Glass?▼

Yes, you need a solid understanding of SwiftUI and Apple's design principles for modern interfaces. This prerequisite knowledge is required to properly implement the Liquid Glass material design system, understand its layered architecture, and ensure accessible UI.

How do I ensure Liquid Glass accessibility and legibility across different backgrounds?▼

You ensure Liquid Glass accessibility by verifying legibility across different backgrounds and accessibility settings. This Skill provides expert review of Liquid Glass implementations to address accessibility concerns and optimize visual properties for all users.

Related Skills

Explore More Design & Creative Skills→
kvn8888kvn8888
3

swiftui-liquid-glass

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

Community
Intermediate
CharlesWiltgenCharlesWiltgen
1.1k

hig

Resolve Apple HIG UI design ambiguities across Apple platforms.

Community
Advanced
RambleRainbowRambleRainbow

liquid-glass-design

Implement iOS 26 Liquid Glass materials in SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

Community
Advanced