liquid-glass

Implement Apple's Liquid Glass design language with SwiftUI code for macOS and iOS apps.

11|4|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/Casper-Studios/casper-marketplace --skill liquid-glass-casper-studios
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/Casper-Studios/casper-marketplace/tree/main/casper/skills/liquid-glass
Command: npx skills add https://github.com/Casper-Studios/casper-marketplace --skill liquid-glass-casper-studios

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the challenge of consistently implementing Apple's sophisticated Liquid Glass design language and Human Interface Guidelines (HIG) in macOS and iOS applications, ensuring a truly native and polished user experience.

Core Features & Use Cases

  • Liquid Glass Design Principles: Provides a comprehensive guide to Apple's three-layer model, five core design principles, and the new Liquid Glass API for iOS 26+/macOS Tahoe.
  • SwiftUI Component Patterns: Offers ready-to-use SwiftUI code snippets for essential UI elements like cards, rows, badges, and interactive components, all adhering to Liquid Glass aesthetics.
  • Apple HIG Reference: Details best practices for typography, 8pt grid spacing, SF Symbols, minimum hit targets, and accessibility, ensuring full compliance with Apple's standards.
  • Use Case: A developer building a new macOS or iOS application can leverage this skill to quickly understand and implement the latest Apple design paradigms, ensuring their app feels perfectly integrated with the system, from material effects to accessible interactions.

Quick Start

Ask the skill for SwiftUI code to create a Liquid Glass card.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema
How do I implement Apple's Liquid Glass design language in SwiftUI?

To implement Liquid Glass in SwiftUI, you apply the three-layer model and five core design principles using the new Liquid Glass API, ensuring native macOS and iOS UI/UX consistency. This provides ready-to-use code snippets for cards, rows, and badges.

What are the SwiftUI component patterns for Liquid Glass cards and rows?

SwiftUI component patterns for Liquid Glass include ready-to-use code snippets for essential UI elements like cards, rows, badges, and interactive components. These patterns adhere to Liquid Glass aesthetics and Human Interface Guidelines for visually cohesive applications.

Does the Liquid Glass API support both macOS Tahoe and iOS 26+?

Yes, the Liquid Glass API supports developing native applications for both macOS Tahoe and iOS 26+. It provides comprehensive guidelines for material usage and UI/UX consistency across Apple platforms to ensure a polished user experience.

How does Liquid Glass design handle accessibility and Human Interface Guidelines?

Liquid Glass design handles accessibility by detailing best practices for typography, 8pt grid spacing, SF Symbols, and minimum hit targets. This ensures full compliance with Apple's Human Interface Guidelines for accessible and performant user interfaces.

What is the best way to ensure my iOS app feels integrated with the latest Apple design paradigms?

The best way to ensure your app feels integrated is by applying Apple's three-layer model and Liquid Glass API for iOS 26+. This guarantees your user interface maintains material effects and accessible interactions that perfectly match the system.

Can I use Liquid Glass components without breaking Apple HIG compliance?

Yes, you can use Liquid Glass components without breaking Apple HIG compliance because the components enforce typography, 8pt grid spacing, and minimum hit targets. This ensures your native macOS and iOS applications remain fully accessible and visually cohesive.