Apple-style fluid web interfaces
/apple-design
/apple-design is a Claude Code skill in the Web & Design section. It is maintained by emilkowalski and published under the MIT license. Applies Apple's interface design principles to the web: gestures, spring animations, interruptible transitions, translucent materials and typography.
Author's description
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.
How to ask for it
Review whether this UI follows Apple's design conventionsAdd a spring animation to this draggable sheetTune the typography to feel more iOS-native
Install
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashAfter installing with the script, type /apple-design. Using Cursor, Windsurf or Codex? Platform guides
Demo coming soon