design

Featured

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, and typography. Use when implementing design language features, adding juice/feedback, writing interface copy, or choosing type and iconography.

Web & Frontend 719 stars 68 forks Updated 1 months ago MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
95
Recency 20%
75
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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** - Says the app feels **flat** or wants **juice/game feel** (celebrations, haptics, sound effects) - Wants a **feedback audit** — do events reach the user on the right channels? - Needs UX structure help: navigation clarity, discoverability, information architecture - Is writing or reviewing interface copy, alerts, or feature names - Asks about SF Symbols usage/authoring, fonts, Dynamic Type, or type hierarchy ## 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 (iO...

Details

Author
rshankras
Repository
rshankras/claude-code-apple-skills
Created
10 months ago
Last Updated
1 months ago
Language
Swift
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

liquid-glass

Build iOS 26+ SwiftUI interfaces with Apple's Liquid Glass design language. Use when writing SwiftUI for iOS 26 / iPadOS 26 / macOS Tahoe (26) / watchOS 26 / tvOS 26 / visionOS 26, when the user mentions Liquid Glass, `.glassEffect`, `GlassEffectContainer`, iOS 26 design, glass material, glass button, or asks to redesign / modernize a SwiftUI screen to the new system look.

3 Updated 1 months ago
heyparsadev
Web & Frontend Listed

apple-design

Apple's design system and the Liquid Glass material, applied to real interfaces — web (CSS/React) and native (SwiftUI). Use this skill whenever the user asks for an Apple-like, iOS-like, macOS-like, glassy, frosted, translucent, or "Liquid Glass" interface; whenever they mention Apple's Human Interface Guidelines, HIG, glassmorphism, or Apple's design language; and whenever they ask to design or build a store, storefront, product page, platform, dashboard, landing page, marketing site, or app UI and want it to feel like an Apple product. Also use it when building navigation chrome — toolbars, tab bars, sidebars, sheets, floating bars, command palettes — that should read as a distinct layer floating above content. Pairs with the frontend-design skill — that one sets brand character, while this one supplies the material system, shape geometry, hierarchy, motion, and accessibility.

1 Updated 4 weeks ago
ab12automation-ctrl
Web & Frontend Featured

liquid-glass

Implement Liquid Glass design using .glassEffect() API for iOS/macOS 26+. Covers SwiftUI, AppKit, UIKit, and WidgetKit. Use when creating modern glass-based UI effects.

719 Updated 1 months ago
rshankras