liquidglass-ui

Generate SwiftUI LiquidGlass components and tokens for iOS 26+ and watchOS 26+.

1|Updated Aug 19, 2025
One-click install
npx skills add https://github.com/Maduixa/Glasstic --skill liquidglass-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquidglass-ui
Source: https://github.com/Maduixa/Glasstic/tree/main/.claude/skills/liquidglass-ui
Command: npx skills add https://github.com/Maduixa/Glasstic --skill liquidglass-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the creation of polished SwiftUI LiquidGlass components by generating reusable UI tokens, modifiers, and accessibility-friendly variants for iOS 26+ and watchOS 26+.

Core Features & Use Cases

  • Generate SwiftUI LiquidGlass components and tokens that align with the Liquid Glass design system.
  • Provide accessibility fallbacks (Reduce Transparency/Contrast) and performance-conscious implementations.
  • Target both iOS 26+ and watchOS 26+ with a consistent UI generation workflow and a validation plan.

Quick Start

Create a LiquidGlass UI component for iOS 26+ and watchOS 26+ with tokens, accessibility fallbacks, and a snapshot test plan.

Frequently Asked Questions about liquidglass-ui

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

FAQPage Schema
How do I generate SwiftUI LiquidGlass components for iOS 26+?

The tool outputs reusable SwiftUI LiquidGlass UI tokens and modifiers tailored for iOS 26+ and watchOS 26+. It streamlines the creation of consistent glass-like components across platforms, ensuring proper modifier usage and design system alignment.

Does SwiftUI LiquidGlass support accessibility fallbacks for Reduce Transparency?

Yes, SwiftUI LiquidGlass implementations include testable accessibility fallbacks for Reduce Transparency and Reduce Contrast. The tool generates specific variants to ensure UI components remain accessible and visible when users enable these system settings.

Can I use the same Liquid Glass UI workflow for watchOS 26 variants?

Yes, you can target both iOS 26+ and watchOS 26+ using a consistent UI generation workflow. The tool generates platform-specific LiquidGlass modifier variants and tokens to ensure the glass-like design adapts correctly across both operating systems.

What is the best way to test Liquid Glass UI components for performance?

The best way to test Liquid Glass UI components is by utilizing the included snapshot test plan and performance checks. This validates accessibility fallbacks and ensures the generated SwiftUI modifiers perform efficiently without rendering bottlenecks.

Why do I need UI tokens for SwiftUI Liquid Glass development?

You need UI tokens for SwiftUI Liquid Glass development to maintain consistent visual properties like translucency and blur across multiple components. Generating these tokens streamlines the creation of polished, reusable modifiers rather than hardcoding individual values.