Agent skill
design
Design system skills for modern Apple platform UI including Liquid Glass, animations, and visual design patterns. Use when implementing new design language features.
Install this agent skill to your Project
npx add-skill https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/design
SKILL.md
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
rshankras/claude-code-apple-skills
legal
Legal document generation and compliance guidance for indie Apple developers. Covers privacy policies, terms of service, EULAs, GDPR/CCPA/DPDP compliance, and Apple App Store legal requirements. Use when user needs legal documents or compliance guidance.
rshankras/claude-code-apple-skills
privacy-policy
Generate privacy policies, terms of service, and EULAs for Apple platform apps. Detects data collection patterns, third-party SDKs, and generates region-specific legal documents with Apple Privacy Nutrition Label mapping. Use when user needs legal documents or data collection disclosure for App Store submission.
rshankras/claude-code-apple-skills
ios-development
Comprehensive iOS development guidance including Swift best practices, SwiftUI patterns, UI/UX review against HIG, and app planning. Use for iOS code review, best practices, accessibility audits, or planning new iOS apps.
rshankras/claude-code-apple-skills
assistive-access
Assistive Access implementation for cognitive accessibility including simplified scenes, navigation icons, runtime detection, and design principles. Use when optimizing apps for Assistive Access mode.
rshankras/claude-code-apple-skills
ui-review
Review SwiftUI code for iOS/watchOS Human Interface Guidelines compliance, font usage, Dynamic Type support, and accessibility. Use when user mentions UI review, HIG, accessibility audit, font checks, or wants to verify interface design against Apple standards.
rshankras/claude-code-apple-skills
navigation-patterns
SwiftUI navigation architecture patterns including NavigationStack, NavigationSplitView, TabView, programmatic navigation, and custom transitions. Use when reviewing or building navigation, fixing navigation bugs, or architecting app flow.
Didn't find tool you were looking for?