🎨 Design

apple-design

Name: apple-design
Author: emilkowalski

by emilkowalski1 month ago27.5k

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

Install

npx skills add https://github.com/emilkowalski/skills --skill apple-design

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/emilkowalski--skills--skills--apple-design/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@AlphaSignalAI

"3/ Agents still ship ease-in enter animations. This pack stops that. Emil Kowalski open-sourced four design-engineering skills for coding agents. The main pack..."

X@emilkowalski

"New skill: /apple-design Apple’s WWDC videos are a goldmine of knowledge. I’ve combed through my favorite ones and came up with 17 design and motion..."