Skill

design

Implements Liquid Glass effects, spring/bounce animations, PhaseAnimator, view transitions, and SF Symbol effects for SwiftUI/AppKit on iOS/macOS. Use for modern Apple UI features.

Swift

iOS

design

mobile

Install

npx claudepluginhub joshuarweaver/cascade-code-languages-misc-1 --plugin rshankras-claude-code-apple-skills

Tool Access

This skill is limited to using the following tools:

ReadWriteEditGlobGrepAskUserQuestion

Preview

Skills for implementing Apple's modern design systems across platforms.

Supporting Assets

animation-patterns/core-animations.mdanimation-patterns/phase-keyframe-animators.mdanimation-patterns/symbol-effects.mdanimation-patterns/transitions.md

SKILL.md

Similar Skills

using-git-worktrees

Creates isolated Git worktrees for feature branches with prioritized directory selection, gitignore safety checks, auto project setup for Node/Python/Rust/Go, and baseline verification.

superpowers

168.3k

subagent-driven-development

3 files

Executes implementation plans in current session by dispatching fresh subagents per independent task, with two-stage reviews: spec compliance then code quality.

superpowers

168.3k

dispatching-parallel-agents

Dispatches parallel agents to independently tackle 2+ tasks like separate test failures or subsystems without shared state or dependencies.

superpowers

168.3k

Stats

Stars215

Forks17

Last CommitFeb 20, 2026

Actions

View Source View Plugin View on GitHub View README

Design Skills

Skills for implementing Apple's modern design systems across platforms.

When This Skill Activates

Use this skill when the user:

Asks about Liquid Glass design
Wants to implement modern Apple UI effects
Needs guidance on visual design patterns
Asks about materials, transparency, or blur effects
Wants to create fluid animations
Asks about spring, bounce, or snappy animations
Wants PhaseAnimator or KeyframeAnimator help
Needs view transitions, matched geometry, or hero transitions
Wants SF Symbol effects (bounce, pulse, wiggle, breathe)
Asks about animation completions or withAnimation

Available Skills

liquid-glass/

Comprehensive Liquid Glass implementation for iOS 26+, macOS 26+.

SwiftUI .glassEffect() API
AppKit NSGlassEffectView
GlassEffectContainer patterns
Morphing transitions
Interactive effects
Button styles

animation-patterns/

SwiftUI animation patterns for iOS 13–18+.

Spring configurations (3 API generations)
PhaseAnimator and KeyframeAnimator (iOS 17+)
View transitions, matched geometry, navigation transitions
SF Symbol effects
Animation completions, transactions, timing curves

Key Principles

1. Platform Consistency

Follow Apple Human Interface Guidelines
Use system-provided APIs
Respect user appearance preferences

2. Performance

Use GlassEffectContainer for multiple effects
Limit number of glass effects per view
Consider GPU resources

3. Visual Hierarchy

Glass effects create depth and layering
Use tints to indicate prominence
Combine with appropriate shadows

Reference Documentation

/Users/ravishankar/Downloads/docs/SwiftUI-Implementing-Liquid-Glass-Design.md
/Users/ravishankar/Downloads/docs/AppKit-Implementing-Liquid-Glass-Design.md