skills.rest
tuliopc23
tuliopc23COMMUNITY
Explore all skills by this author →
Website𝕏@tuliopinheiro_GitHub

axiom-liquid-glass

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

Updated Dec 3, 2025
Search Tags:#swiftui#ui development#visionos#liquid glass#apple design#macos tahoe
One-click install
npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-liquid-glass-tuliopc23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: axiom-liquid-glass
Source: https://github.com/tuliopc23/flying-dutchman-app/tree/main/.claude/skills/axiom-liquid-glass
Command: npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-liquid-glass-tuliopc23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for implementing Apple's advanced Liquid Glass material design system, ensuring visually stunning and performant UIs across all platforms.

Core Features & Use Cases

  • Implementation Guidance: Learn how to use SwiftUI modifiers like glassEffect and scrollEdgeEffect.
  • Design Principles: Understand when to use Regular vs. Clear variants, tinting strategies, and layering.
  • Troubleshooting: Debug visual artifacts, performance issues, and accessibility concerns.
  • Use Case: A developer needs to implement a new navigation bar with Liquid Glass effects. They can use this Skill to understand the correct API usage, ensure proper tinting for legibility, and verify adaptive behaviors across different screen sizes and contexts.

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 Liquid Glass effects in SwiftUI?▼

Implement Liquid Glass effects in SwiftUI by applying modifiers like `glassEffect` and `scrollEdgeEffect` to your views. This Skill provides guidance on correct API usage, adaptive behaviors, and tinting strategies for navigation bars and other UI components across iOS, iPadOS, macOS, and visionOS.

When should I use Regular vs Clear Liquid Glass variants in Apple design?▼

Use Regular vs Clear Liquid Glass variants based on your UI's layering and legibility requirements. This Skill explains the design principles for choosing the appropriate variant, ensuring proper tinting and adaptive behaviors across different screen sizes and contexts.

Does the Liquid Glass material design system support visionOS and macOS Tahoe?▼

Yes, the Liquid Glass material design system supports visionOS and macOS Tahoe. This Skill provides comprehensive implementation guidance for Apple's next-generation UI across iOS, iPadOS, macOS, and visionOS, ensuring visually stunning and performant UIs on all platforms.

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

Liquid Glass UI visual artifacts and performance issues often stem from incorrect API usage or improper layering. This Skill offers troubleshooting guidance to debug visual artifacts, resolve performance bottlenecks, and address accessibility concerns for SwiftUI implementations.

What's the best way to ensure legibility with Liquid Glass tinting?▼

Ensure legibility with Liquid Glass tinting by following specific design principles for adaptive behaviors and contrast. This Skill details tinting strategies and accessibility considerations to verify your SwiftUI views remain readable across different contexts and screen sizes.

Related Skills

Explore More Software Engineering Skills→
kmshdevkmshdev
1

swiftui-components

Create reusable SwiftUI components and Liquid Glass patterns for macOS Tahoe and iOS 26 projects.

Community
Intermediate
CharlesWiltgenCharlesWiltgen
1.1k

liquid-glass

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

Community
Advanced
Prisma-Labs-DevPrisma-Labs-Dev
299

ios-liquid-glass

Document Liquid Glass APIs and implementation patterns for Apple platforms.

Official
Intermediate
AutisticAFAutisticAF
4

design-liquid-glass

Implement Liquid Glass UI across SwiftUI, UIKit, AppKit, and WidgetKit.

Community
Advanced