design

Guide Apple UI developers in implementing Liquid Glass and animation patterns across SwiftUI, AppKit, UIKit, and WidgetKit.

Updated Jun 9, 2026
One-click install
npx skills add https://github.com/ano4l/ATHCRM --skill design-ano4l
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/ano4l/ATHCRM/tree/main/skills/design
Command: npx skills add https://github.com/ano4l/ATHCRM --skill design-ano4l

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a comprehensive blueprint for implementing a modern Apple design language across platforms, including Liquid Glass, animation patterns, and visual design conventions to ensure consistency and high quality.

Core Features & Use Cases

  • Liquid Glass integration across SwiftUI, AppKit, UIKit, and WidgetKit with practical patterns.
  • Standardized animation patterns, timing, transitions, and interactive effects to create cohesive experiences.
  • Migration guidance and best practices for adopting a unified design language in new features and existing apps.

Quick Start

Apply the design system to a new Apple UI component to see Liquid Glass and animation patterns in action.

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 design patterns in SwiftUI?

Implement Liquid Glass in SwiftUI by applying standardized visual design conventions, utilizing specific animation patterns, and following interactive effect blueprints to ensure modern UI consistency.

Can I use the same Apple UI design system across UIKit and AppKit?

Yes, you can apply the same modern Apple UI design system across UIKit and AppKit, using provided migration guidance and visual patterns to adopt Liquid Glass and unified animations.

What's the best way to standardize animations and transitions for Apple UI components?

Standardize Apple UI animations by following cohesive timing patterns, interactive effects, and transition blueprints specified for SwiftUI, AppKit, UIKit, and WidgetKit implementations.

Does this design guidance include accessibility considerations for Liquid Glass?

Yes, the design guidance includes accessibility considerations, ensuring that Liquid Glass visual patterns and animations are implemented accessibly across SwiftUI, AppKit, UIKit, and WidgetKit.

How do I migrate an existing app to a modern Apple UI design language?

Migrate existing apps to a modern Apple UI design language using provided best practices, adopting unified visual conventions, Liquid Glass, and standardized animation patterns for new features.