design

Guide Liquid Glass design patterns for SwiftUI, AppKit, UIKit, and WidgetKit.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/mazicimert/RunDom --skill design-mazicimert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/mazicimert/RunDom/tree/main/.claude/skills/design
Command: npx skills add https://github.com/mazicimert/RunDom --skill design-mazicimert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Skill provides a structured approach to implementing modern Apple UI patterns, including Liquid Glass, animations, and visual design patterns, to ensure consistent, performant interfaces across Apple platforms.

Core Features & Use Cases

  • Supports Liquid Glass effects via SwiftUI and AppKit/UIKit integrations
  • Guides on motion, morphing transitions, tinting, and interactive elements to build cohesive design languages
  • Example scenarios include glass panels, nav transitions, and widget-style glass elements across iOS, macOS, visionOS

Quick Start

Add a glassEffect modifier to a SwiftUI view to begin applying Liquid Glass visuals.

Frequently Asked Questions about design

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

FAQPage Schema
How do I apply Liquid Glass effects to SwiftUI views?

Use the GlassEffectContainer pattern in SwiftUI to group multiple Liquid Glass elements. This Skill explains how to implement container patterns for cohesive glass panels, nav transitions, and widget-style elements across iOS and macOS.

Can I use Liquid Glass design patterns in AppKit and UIKit?

Yes, Liquid Glass design patterns are supported across AppKit and UIKit. This Skill provides implementation guidance for glass effects, morphing transitions, and interactive elements for macOS and iOS applications.

What are the accessibility considerations for Liquid Glass UI?

Accessibility considerations for Liquid Glass UI involve ensuring interactive elements remain navigable and readable. This Skill guides you through accessibility requirements when applying glass effects and morphing transitions across Apple platforms.

Does Liquid Glass work with WidgetKit on visionOS?

Liquid Glass implementations extend to WidgetKit and visionOS. This Skill covers performance considerations and code samples for building widget-style glass elements across iOS, macOS, visionOS, and widgets.

What are the performance considerations when using glass effects in Apple UI?

Performance considerations for glass effects include managing rendering overhead when applying glassEffect modifiers and morphing transitions. This Skill provides guidelines to ensure consistent, performant Liquid Glass interfaces across Apple platforms.