design

Implement Apple's Liquid Glass design and animation patterns across SwiftUI, AppKit, UIKit, and WidgetKit.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple platform UI design often requires consistent design language, glass effects, and animation patterns. This Skill provides a structured approach to implementing Liquid Glass and animation patterns across SwiftUI and AppKit/UIKit environments, enabling cohesive, modern interfaces.

Core Features & Use Cases

  • Liquid Glass guidance for SwiftUI, AppKit, UIKit, and WidgetKit with practical patterns for glass surfaces, morphing transitions, and tinted effects.
  • Animation patterns guidance including PhaseAnimator, KeyframeAnimator, and SF Symbol effects, plus best practices for transitions, matched geometry, and accessibility.
  • Design-system principles and migration guidance to evolve existing apps toward a consistent, Apple-like visual language.

Quick Start

Implement Liquid Glass and animation patterns in a new or existing Apple UI project by selecting a target pattern (Liquid Glass or Animation) and applying the recommended modifiers and components to achieve a cohesive UI.

Frequently Asked Questions about design

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

FAQPage Schema
How do I implement Liquid Glass effects in SwiftUI?

Liquid Glass effects in SwiftUI are implemented by applying specific modifiers and components for glass surfaces, morphing transitions, and tinted effects. This Skill provides structured guidance and best practices to achieve cohesive, modern Apple interfaces using established design-system principles.

Can I use Apple UI glass patterns with UIKit and AppKit?

Yes, Apple UI glass patterns are supported across UIKit and AppKit. The guidance covers implementing Liquid Glass surfaces, morphing transitions, and tinted effects across SwiftUI, AppKit, UIKit, and WidgetKit to ensure a consistent design language throughout your application.

What's the best way to animate morphing transitions in Apple UI?

The best way to animate morphing transitions in Apple UI is by using PhaseAnimator and KeyframeAnimator. The guidance defines APIs and best practices for these animation patterns, including matched geometry transitions and SF Symbol effects for modern, accessible interfaces.

How do I migrate an existing app to Liquid Glass design patterns?

To migrate an existing app to Liquid Glass design patterns, select a target pattern and apply the recommended modifiers and components. The guidance includes design-system principles and migration steps to evolve your current interfaces toward a cohesive, Apple-like visual language.

Does Liquid Glass animation guidance include accessibility best practices?

Yes, Liquid Glass animation guidance includes accessibility best practices. Alongside PhaseAnimator, KeyframeAnimator, and SF Symbol effects, the patterns define best practices for transitions, matched geometry, and accessibility to ensure modern interfaces remain fully accessible.