Tooluck logoTooluck
SKILL.md

design

Agent skill fromrshankras/claude-code-apple-skills

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

How to install design

install design
# install the claude-code-apple-skills pack with the skills CLI
npx skills add rshankras/claude-code-apple-skills

# or add only this skill to Claude Code: copy the folder

skills/design/

# into

~/.claude/skills/design/ (all projects)

.claude/skills/design/ (one project)

skills/design/SKILL.md

MITFull file
1# Design Skills
2
3Skills for implementing Apple's modern design systems across platforms.
4
5## When This Skill Activates
6
7Use this skill when the user:
8- Asks about Liquid Glass design
9- Wants to implement modern Apple UI effects
10- Needs guidance on visual design patterns
11- Asks about materials, transparency, or blur effects
12- Wants to create fluid animations
13- Asks about **spring**, **bounce**, or **snappy** animations
14- Wants **PhaseAnimator** or **KeyframeAnimator** help
15- Needs **view transitions**, **matched geometry**, or **hero transitions**
16- Wants **SF Symbol effects** (bounce, pulse, wiggle, breathe)
17- Asks about **animation completions** or **withAnimation**
18- Says the app feels **flat** or wants **juice/game feel** (celebrations, haptics, sound effects)
19- Wants a **feedback audit** — do events reach the user on the right channels?
20- Needs UX structure help: navigation clarity, discoverability, information architecture
21- Is writing or reviewing interface copy, alerts, or feature names
22- Asks about SF Symbols usage/authoring, fonts, Dynamic Type, or type hierarchy
23- Sets up **design tokens / text styles / shared components**, adopts a designer's system, or is preparing for a **redesign**
24
25## Available Skills
26
27### liquid-glass/
28Comprehensive Liquid Glass implementation for iOS 26+, macOS 26+.
29- SwiftUI `.glassEffect()` API
30- AppKit `NSGlassEffectView`
31- GlassEffectContainer patterns
32- Morphing transitions
33- Interactive effects
34- Button styles
35
36### animation-patterns/
37…

Excerpt shown under the repository's MIT license.

More skills in claude-code-apple-skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates